On Tue, Jun 26, 2007 at 01:32:20AM +0100, Nick Atkins wrote:
Would anyone be able to tell me why the following in-line style code does not work on IE6 or IE7? - the link colours do not render properly. It works fine on firefox and netscape7 and half works on safari.
<HTML> <style type="text/css"> a:link, a:visited {color : white} a:hover {color : red} </style> <a href="http://cloudesley.org" > <img src="/images/cloudesley.org.png"> </a> </HTML>
The result can be viewed here: http://cloudesley.org/new.html
Because you're relying on the border of the image actually existing, which, IIRC, is turned off by default in IE...
What you *probably* want is: <style type="text/css"> a:link img, a:visited img { border: 1px solid white; }
a:hover img { border: 1px solid red; } </style>
Cheers,