Quick IE 6 CSS issue

[Bulldog13]

Here is the CSS :

a.cleanborders:visited {color:#000000; background-color:#000000;background:#000000;text-decoration:none;}

Here is the HTML :

<a href="#" class="cleanborders" onMouseDown="return handleMPDown()"><img name="jsbuttonp" src="images\prevarrow.gif"></a>

In firefox the border around the button comes up black, which is what I want. In IE 6 the border comes up purple after I have clicked on the image link.

How do I get the visited color to change in both ?

 

[Hmongkeysauce]

try adding:

border: 1px solid #000000;

into the style

 

[Bulldog13]

Nope, good thought though.

 

[skrilla]

Try changing the border on the actual image instead:

a.cleanborders img {border:2px solid black}

 

[Bulldog13]

I ended up using

a img {
border:none;
}

That did it. Thanks !

 

[911paramedic]

Just remember that ALL your linked images will behave this way now. You can specify it more with:

.cleanborders a img { border:none; }

I like to do a global reset and start from scratch, that way I can dictate how everything looks. Google "yahoo css reset" if you don't know what it is/does.

 

[boatillo]

Here is what you *want* to do. Put in script to load one CSS for IE browsers and another CSS for every other browser. IE sucks so bad.