Hi, I have add some CSS to display a bigger picture on the left using postion:fixed when you hover over it, which works fine, however the display of the thumbnail is not displaying correctly in Opera but ok in Internet Explorer and FireFox see links below Internet Explorer/FireFox: http://img177.imageshack.us/my.php?image=ieffqr0.gif Opera: http://img177.imageshack.us/my.php?image=operabx7.gif As you can see the opera looks a mess and does not display the small image correct, does anyone know how to fix this The css code I am using is below #menu {position:fixed; width:64px; height:64px; background-color:#fff; z-index:100;} #menu a.p1, #menu a.p1:visited {display:block; width:64px; height:64px; text-decoration:none; background:#fff; top:0; left:0; border:0;} #menu a img {border:0;} #menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; border:5px solid #347235;} #menu a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;} #menu a.p1:hover .large {display:block; position:fixed; width:auto; height:auto; border:5px solid #347235;} #info {z-index:100; height:22em;} Code (markup): Regards, Garry
I'm going to need to see the entire code for your HTML page. No PHP or ASP please. Just the output. The reason why I'm saying this is because just based on what I've seen, your page is a prime candidate for a top-to-bottom re-write. And why are you using fixed position anyway?