Underline vid mouse over funktion

Hej hopp...

Jag har en sida med en hel del ikoner på. Dessa bilder är länkar till andra sidor. Vill nu att om man håller musen ovan dessa så ska en blå linje visas under dessa.

Kan man skapa en funktion som gör detta istället för att lägga till OnMouseOver... onMouseOut... border = ... på alla bilder ???

Skulle vara fiffigt. :o

Ett alternativ:

<style type="text/css">
.underlineimg {border: none;}
.underlineimg:hover {border-bottom: 1px solid blue;}
</style>
...
<img src="..." class="underlineimg">

Om man inte tänker förtjänar man inte att leva... eller något :)

Klockrent. Men jag får inte hoover att fungera.

<style type="text/css">
<!--
.myTableHeader {
	color: gray;
	font-family: tahoma; 
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase; 
}
.MyTableText {
	color: gray;
	font-family: arial; 
	font-size: 8pt;
	background-color: white;
}
.myUnderLineImg {
	border: 1px solid white;
}
.myUnderLineImg:hover {
	border-bottom: 1px solid blue;
}
-->
</style>

Dags att plugga lite css tror jag.

... vilket inte gillades av pyttemjuks läsare, så här är en liknande lösning:

<style type="text/css"><!--
img {border: none;}
.underlineimg{border: none; padding-bottom: 2px;}
a.underlineimg:hover {border-bottom: 1px solid blue; padding-bottom: 1px;}
--></style>

<a href="sida.html" class="underlineimg"><img src="bild.gif" ></a>

Vill inte fortfarande... Och ja, jag M$. ;)

Förlåt... My bad... Glömde att plocka ut bort border=0 i <img...>

Nu fungerar det.