<a ... ><img ... ></a> Doesn't work in IE

[JavaHead Jonnie]

*yawn* Add another CSS glitch to IE's list; When I use an <img> inside a set of <a> tags, IE - instead of using my CSS styles - uses the default link colors for the images border instead of the ones I specified like Moz/FF does.

Is there any way to fix this?

Thanks & Regards, Jonnie

[Paul Jr]

a img {
border: 1px solid #402020;
}

[zachzach]

a img {
you might want to try:

a img, a:visited img {

just to make sure its not because of IE visited color links :)

[JavaHead Jonnie]

Thanks!

[zachzach]

Welcome!

[pawky]

if you already designated the attributes for the anchor element and want all the anchors to be the same, regardless of it being just the images you mentioned or others you could do the following too:

a, a:visited, a img, a:visited img { ... }

then you only have to define everything once

[Paul Jr]

Originally posted by zachzach
you might want to try:

a img, a:visited img {

just to make sure its not because of IE visited color links :)
The a selector will apply to all a elements, reguardless of whether they are hyperlinks, visited hyperlinks, active hyperlinks, anchors, ect.