Le immagini o li fai come sfondo nel css oppure .

//css

#menu{stile menu}
#img1{
width: 50px;
height:50px;
background:url(immagini/cartella/immagine.png) no-repeat;
}/*da impostare per ogni immagine...giocaci anche con padding, margin, ecc..*/
#img1:hover{regole}
#img1:visited{regole}
#img2{regole}
#img2:hover{regole}
#img2:visited{regole}

#img3{regole}
#img3:hover{regole}
#img3:visited{regole}

//html



<div id="menu">
<a id="img1" href="home.html"></a>
<a id="img2" href="welcome.html"></a>
<a id="img3" href="benvenuti.html"></a>
</div>

Non credo che si possa mettere le immagini direttamente nel html per renderli "hovabili".
Poi, a che ti servono le immagini nell'html? basta farli come background nel css. non capisco...