[SOLVED] CSS Problem with Opera

[zc1]

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 screen shots below

 

Internet Explorer/FireFox (click on Image for Full Size)

 

Opera (click on Image for Full Size)

 

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;}

 

Regards,

Garry