<style type="text/css">/*Credits: Dynamic Drive CSS Library *//*URL: http://www.dynamicdrive.com/style/ */.gallerycontainer{position: relative;/*Add a height attribute and set to largest image's height to prevent overlaying*/}.thumbnail img{border: 0px solid white;margin: 0 8px 5px 0;}.thumbnail:hover{background-color: transparent;}.thumbnail:hover img{border: 0px solid pink;}.thumbnail span{ /*CSS for enlarged image*/position: absolute;padding: 5px;left: -1001px;border: 1px dotted gray;visibility: hidden;color: gray;text-decoration: none;}.thumbnail span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;}.thumbnail:hover span{ /*CSS for enlarged image*/visibility: visible;top: 380px;left: 300px; /*position where enlarged image should offset horizontally */z-index: 50;}</style>