I have a problem in Internet Explorer 6. The hover over a thumbnail inside a link is not working This is the structure in my webpage <a><img /><span><img /></span></a> I've set the visibility of the span to hidden. When you hover over the a link the span is set to visibility: visible.
A large image should appear on the right side of the page. You can see it working in Firefox. I've tried setting widths on the images, because I thought that might cause the problem, but that does not help. Can someone please help me with this problem? You can find the webpage here. http://www.glassbox.nl/deksels/deksels/deksels_verhuur.php You can find the css file here. http://www.glassbox.nl/deksels/includes/css/deksels_vervolg.css /****** Photogalery ***************/ div#text div#photogalery { position: relative; } div#text div.thumb { width: auto; height: 100px; clear: both; margin-top: 10px; margin-bottom: 15px; } div#text div.thumb h3 { margin-top: 0; border-top: 1px dotted black; width: 300px; padding-top: 2px; color: #600; z-index: 1; } div#text div.thumb a span { visibility: hidden; position: absolute; right: 0; top: 0; z-index: 2; background: yellow; } div#text div.thumb a:hover span { visibility: visible; } div#text div.thumb img { float: left; border: 1px solid black; margin-right: 10px; } div#text div.thumb span img { width: 300px; margin: 0; } div#text div.thumb a:hover img.thumbnail { border-color: white; width: 50px; } /****** End Photogalery ***************/ Thanks in advance, Dimpie ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
