CSS hyperlink issue and IE6

[Keriam]

I am converting a site that had previously relied heavily on tables to tableless with CSS. I have run into a snag in hyperlinking an image. In IE6 the image shows a box around it using the browser default hyperlink colors. Opera does not show the box. Opera is still having some issues with the overall layout but I will deal with those once I have everything working in IE

Here is how I am entering the image:

<p class="italic">
              Visit our online community:
              <a href="#" title="test"><img src="images/test.gif" width="319" height="35" alt="test" align="top"></a>
            </p>

and this is the CSS for it:

a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

I have tried adding border: none; and color: transparent; and yet the box keeps appearing.

What am I overlooking or doing wrong?

[Keriam]

Grrrr! I tried one more thing after I posted this.

img
{
border: none;
}

The box is now gone in IE. Is the best/correct way or this there another way?

[Paul O'B]

Yes that's the correct way to do it

BTW in your anchor definitions you could define all those styles in one go:
e.g.

a {text-decoration: none;}

This will cascade through all the other states.

Paul

[Keriam]

Thanks, Paul!