CSS Rollovers
.menu_img1 { width: 25px; height: 25px; background: no-repeat url(image1.jpg); } a.rollover_img1:hover img { background: no-repeat url(image2.jpg) }
And the html hooblah:
<div class="menu_img1"> <a href="#" class="rollover_img1"> <img src="t.gif" width="25" height="25" border="0"> </a> </div>
The t.gif is a 1x1 transparent image. Tested in IE5 (Windows/Mac), Firefox, Safari.