problem with links on CSS and IE

[mfv84]

Hi

i styled the links of my webpage like this:


a:link {
color: #663333;
}
a:visited {
color: #663333;
}
a:hover {
color: #F4EFC9;
}
a:active {
color: #663333;

}


when i preview it on Firefox, when i roll over the mouse on some images the
borders change as they should, but when i use IE nothing happens, the borders
just stay purple!

how can i make it do what i want it to do?

Thanks

[rilkesf]

IE has a problem with inheriting CSS styles when the <img> tag is nested within
an <a> tag. Basically, you just need to define the default style of the <img>
tag to be the same as the normal style of the <a> tag, then define the hover
state for the image. Adding the following two rules should do it:

a img { border-color: #663333; }
a:hover img { border-color: #F4EFC9; }

For a more complete description, check this site out:
[url]http://rob.rnovak.net/content/archives/Individual/000039.php[/url]