IE6 - border transparent for links - CSS forum at WebmasterWorld

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:

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).

I am using:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Can anyone help me with a solution for displaying the links as it should also in IE6 ?

Thanks!

IE6 - border transparent for links

alexandruc

Auciker

rocknbil

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week