[CSS] hover maar dan niet de image mee nemen

[KaWouter]

Ik ben bezig met een neiuwe site te maken, en dze volledig css gestuurd....

Alleen loop ik nu tegen een probleem op...

Ik heb namekijk een hover:

a:hover {
	text-decoration : none; 
	border-bottom : 1px dotted; 
	background: url('images/linkpulse.gif');
}

Maar als ik nu een image naar een link verwijs dan komt die hover weer om de hoek en dat ziet er niet uit....

Ik wil hem dus blocken in de images, maar ik kom er even niet meer uit.....

Wat ik oa gedaan heb

a:hover img{ border-bottom:hidden;}

a:hover img{ border-bottom:none;}

a:hover img{ display: block;}

Alles werkte niet.....
De block kwam het meest in de buurt maar dan wil de image nog weleens verplaatsten....

Is er niet een makkelijkere weg?

 

[peter vazed]

Net andersom............... de hover/image.
En dan een class aanmaken.

In de head
<STYLE TYPE="text/css">
<!--
A:link { text-decoration: none; color: #000000 }
A:visited { text-decoration: none; color: #990000 }
A:active { text-decoration: none; color: #0000FF }
A:hover { text-decoration: underline; color: #FF0000 }
A.image:hover{border-top-width: thin; border-bottom-width: thin; border-style: solid none solid none; border-color: yellow}
-->
</STYLE>

in de body
<center><a href="http://www.helpmij.nl" target="_BLANK" class="image">
<img src="plaatje.jpg" width="112" height="69" border="0" ></a>
</center>