IE7 CSS image link color border problem

They have: 2 posts

Joined: Mar 2007

I just noticed this problem today checking my site
with internet explorer 7. It deals with an image
border's color changing on a mouseover effect. Here's
the CSS which should do it:

a img {
color: #fc86c3;
text-decoration: none;
}
a:link img {
color: #fc86c3;
text-decoration: none;
}
a:visited img {
color: #fc86c3;
text-decoration: none;
}
a:hover img {
color: #FFFFFF;
text-decoration: none;
}
a:active img {
color: #fc86c3;
text-decoration: none;
}

and here's the page i'm trying to solve the problem
with http://www.remati.net/test.php

if you click the image or the link it should show you
the full style sheet.

Everything works fine when i view the page in firefox
but when i try it in internet explorer 7 it just keeps
the border color the default blue color. What is the
problem?

demonhale's picture

He has: 3,278 posts

Joined: May 2005

You should declare the border-color not color, color tags are for texts... Make that part like so and it will fix itself...

a img {
color: #FA8CC5;
text-decoration: none;
border-color: #FA8CC5;
}
a:link img {
color: #FA8CC5;
text-decoration: none;
border-color: #FA8CC5;
}
a:visited img {
text-decoration: none;
color: #FA8CC5;
border-color: #FA8CC5;
}
a:hover img {
text-decoration: none;
color: #FFFFFF;
border-color: #fffff;
}
a:active img {
text-decoration: none;
color: #FA8CC5;
    border-color: #FA8CC5;
}
'

They have: 2 posts

Joined: Mar 2007

yup demonhale, that fixed it right up! thanks for your help on clearing that up.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

No prob... Have a nice day!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.