css image hover

Някой знае ли ка да стане така, че ако има снимка и текст под нея при hover да не се получава underline под снимката.
да речем този код :
<a href="#"><img src="pic.jpg" alt="" /><br />тест</a>
- работи добре във ИЕ, но при лисицата са появява чертата отдолу под снимката, а аз искам да е само под текста.
Може и така :
<a href="#"><img src="pic.jpg" alt="" /><br /><span>тест</span></a>
като имам a:hover span {text-decoration:underline;}.
Работи в ФФ, но ИЕ не ще.
Идеи ?

Feathers hit the ground
before the weight can leave the air

Ако ситуацията позволява, сложи display:block на img-то, работи както го искаш под IE 5/6, FF, Opera:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"[линк]">



<html lang="bg" xml:lang="bg" xmlns="[линк]">

<head>

<meta http-equiv="content-type" content="text/html; charset=windows-1251" />

<meta http-equiv="content-language" content="bg" />

<title>CSS image hover</title>

<style type="text/css" media="all">

a{text-decoration:none}

a:hover{text-decoration:underline}

img{display:block;border:0}

</style>

</head>

<body>

<p><a href="#"><img src="........." alt="alt" /><br />text</a></p>

</body>

</html>

[линк] - блог, уеб дизайн, лекции, интернет сигурност

a img, a:hover img {text-decoration:none;}

при подчертано по подразбиране?

There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.