mouse over css issues with firefox. IE works fine

[mp3province]

hi guys,

http://chantik.in/theodyssey/location.html

How come when I move my mouse over the map in Firefox 1.5, the enlarged image that appears isn't centered (right above the map) unlike when you view it with IE 6.X and above?

css code:

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px solid #FFFFFF;
margin: 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 301px;
left: 500px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
_________________
Any help appreciated. Thanks,
Akshay

[drhowarddrfine]

They look the same to me.