Hello,
I have the following situation on a site I made (I am not a professional web developer/designer):
Links in my menu use the following CSS code:
[CODE]a.link:link{color:#ffffff;text-decoration: none;font: 13px/12px copperplate gothic light, verdana; font-weight: bold; border: 1px solid transparent;padding:5px;}
a.link:visited{color:#ffffff;text-decoration: none;font: 13px/12px copperplate gothic light, verdana; font-weight: bold;border: 1px solid transparent;padding:5px;}
a.link:active{color:#ffffff;text-decoration: none;font: 13px/12px copperplate gothic light, verdana; font-weight: bold;border: 1px solid transparent;padding:5px;}
a.link:hover{color:#000040;text-decoration: none;font: 13px/12px copperplate gothic light, verdana;font-weight: bold; border: 1px solid #000000; padding:5px;background-color: #ffffff; }
Basicly the links appear as normal text, but on hover the links have a border (and the colors change).
The problem only appreas in IE6 which does not know the transparent property. For IE7/8 and Firefox everything is just fine (I haven’t tested on Opera or Safari).
Can anyone help me with a solution for displaying the links as it should also in IE6 ?
Thanks!