Firefox / Internet Explorer compatability

[arthur denton]

Hi there, I have looked all over the web about this and had a few leads but I still can't figure it out.

All I want is to make my site look the same on Internet Explorer as it does on Firefox.

It looks exactly as I intended on Firefox with the colours intact and the colour state change on hover from white to grey, but on IE it changes the colours to purple and blue and the hover does not work.

Can anyone help? It is only a test site and is being hosted for free with Lycos.

The URL is http://arthurdenton.has-the-best-website.com/

Thanks in advance,

Peter

 

[Geodun1]

If you're talking about the images, the hover class doesn't work on in anything besides text links.
(A potential fix? http://www.xs4all.nl/~peterned/htc/csshover.htc ) Test that and see if it affects it.

 

[adamblan]

I think what Geodun meant was that the :hover psuedo-class applied to elements other than anchors will not work with IE
i.e. {img:hover != img a:hover}

Try this:

img a:link {
border: #666666 1px solid;
}
img a:hover {
border: #FFFFFF 1px solid;
}