Hi,

I'm having a sort-of-silly problem with some image-links I'm using! I want to use images, in a text block, which link to a portfolio item of mine..
But I want the borders of these image-links to be #212120 (dark grey) and #330000 (bordeaux-red) on hover.

Accomplishing this was absolutely no problem in FireFox, it works perfectly there.. But somehow it keeps displaying IE-cheap-blue borders in
Internet Explorer 7!

This is the code I am currently using:

HTML:

<p class="portfolio">
<a href="posters.pdf?phpMyAdmin=4594f30712f4fabaff6997416810f3f2"><img src="posterlink.jpg" class="portimg"></a>
</p>

-- CSS:

.portfolio a{
color: #212120;
}

.portfolio a:hover{
color: #330000;
}

.portimg{
float: left;
margin-right: 5px;
}

Any suggestion on how to make the borders the right colors in IE aswell as FF? Any reason why it won't work as I have it now?

Kinds regards,

Jorrit Gernaat