Hi!

I've built a website for my dad's company using the amateur knowledge that I posses. Everything was fine (and we were all proud) until I started getting complaints. I quickly found that visitors using Internet Explorer (Safari and Firefox work just fine) were experiencing a strange issue in the Pictures section of the site.

The problem is when the visitor hovers over the image, all of the thumbnails are pushed away instead of remaining where in their place when the larger image is displayed, causing an odd and frustrating thumbnail flickering.

I've been perusing many forums as well as my CSS books in an attempt to solve this problem, but this problem seems somewhat unique and I think I've reached the end of my rope, thus was looking for a bit of guidance.

The web page is http://www.henryswalltowall.com/pictures.html.

Some of the relevant code is as follows.

From the StyleSheet:


div.gallery { position: relative; }

.img_box a:link {
font-size: 12px;
font-family: Verdana;
color: #3B3B3B;
z-index: 1;
}
.img_box a:hover {
font-size: 12px;
font-family: Verdana;
color: #00868B;
text-decoration: none;
position: static;
}
.img_box a:visited {
font-size: 12px;
font-family: Verdana;
color: #3B3B3B;
}

.img_box span {
display: none;
text-decoration: none;
}

.img_box a:hover span {
zoom: 1;
display: inline;
border: 1px solid #696969;
background-color: #ededed;
color: #3B3B3B;
padding: 5px;
position: fixed;
bottom: 0px;
left: 50%;
z-index: 50;
}


From the page itself.


<div class="gallery">
<span class="img_box"><a href="#"><img src="thumbs/7077.jpg" border="0"/><span><img src="IMG_7077.jpg" height="450px"/><br/><b>Work Done:</b><br>Cabinets<br>Backsplash<br>Countertops<br>Hardwood floors</span></a></span>
<span class="img_box"><a href="#"><img src="thumbs/7123.jpg" border="0"/><span><img src="IMG_7123.jpg" height="450px"/><br/><b>Work Done:</b><br>Cabinets<br>Backsplash<br>Countertops<br>Hardwood floors</span></a></span>
<span class="img_box"><a href="#"><img src="thumbs/7133.jpg" border="0"/><span><img src="IMG_7133.jpg" height="450px"/><br/><b>Work Done:</b><br>Cabinets<br>Backsplash<br>Countertops<br>Hardwood floors</span></a></span>
<span class="img_box"><a href="#"><img src="thumbs/1666.JPG" border="0" height="96px"/><span><img src="IMG_1666.JPG" height="450px"/><br/><b>Work Done:</b><br>Cabinets<br>Painting</span></a></span>
<br />
<span class="img_box"><a href="#"><img src="thumbs/1661.JPG" border="0"/><span><img src="IMG_1661.JPG" height="450px"/><br/><b>Work Done:</b><br>Removed wall to open up the kitchen into the dining room<br>Drywalled ceiling<br>Painting<br>Cabinets</span></a></span>
<span class="img_box"><a href="#"><img src="thumbs/1663.JPG" border="0"/><span><img src="IMG_1663.JPG" height="450px"/><br/><b>Work Done:</b><br>Painting<br>Cabinets</span></a></span>
<span class="img_box"><a href="#"><img src="thumbs/1664.JPG" border="0"/><span><img src="IMG_1664.JPG" height="450px"/><br/><b>Work Done:</b><br>Painting<br>Cabinets</span></a></span>
<br />
<span class="img_box"><a href="#"><img src="thumbs/1665.JPG" border="0"/><span><img src="IMG_1665.JPG" height="450px"/><br/><b>Work Done:</b><br>Painting<br>Cabinets</span></a></span>
</div>


Any help would be incredibly appreciated.