The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] CSS gallery hover not working in IE6

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #28330

    I have used this code for css galleries many times and never had a problem with it in IE6 before. For some strange reason the hover effect does not work in IE6 and I have been racking my brains trying to figure out why not. Can anyone here have a look and see if they can spot what is wrong? Would there be a conflict with the JS in the drop down menu?

    This is the css

    .gallerycontainer {
    width: 955px;
    height: 450px;
    margin: 0 auto ;
    padding-top: 5px;
    background: url(../images/theo/pic6.jpg) no-repeat 390px 40px;
    position: relative;

    .gallerycontainer li, .gallerycontainer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;

    .thumbnail img {
    margin: 0px 5px 5px 0;
    width: 110px;
    height: 82px;
    border: 2px solid #FFF;

    .thumbnail:hover {
    background-color: transparent;

    .thumbnail:hover img {
    border: 2px solid #999;

    .thumbnail span {/*CSS for enlarged image*/
    position: absolute;
    left: -2000px;
    visibility: hidden;

    .thumbnail:hover span img {/*CSS for enlarged image*/
    margin: 5px 0 5px 0;
    border: 2px solid #999;
    height: 368px;
    width: 555px;

    .thumbnail:hover span {/*CSS for enlarged image on hover*/
    visibility: visible;
    top: 35px;/*position where enlarged image should offset from top */
    left: 390px;/*position where enlarged image should offset horizontally CHANGE Y WHEN ADDING THUMBNAILS*/
    z-index: 150;

    a: {
    text-decoration: none;

    .clear {
    clear: left;

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.