Understregning ved mellemrum

Hej alle sammen.

Jeg har et problem. Jeg skal skrive noget html som gør at når man sætter musen over teksten eller billedet så understreges teksten. Det er i sig selv nemt nok, men problemet er at der skal være mellemrum mellem billede og tekst, og når jeg gør det, understreges mellemrummet hen til billedet også.

Min css:

a.menuitem{
	text-decoration: none;
	color: #FFFFFF;
}
a.menuitem:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.menuitem:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

Denne kode vises forkert i både IE og FF:

<a href="#" class="menuitem"><img src="gfx/house.gif" border="0" alt="" align="absmiddle">&nbsp;&nbsp;Home</a>

Denne kode vises rigtigt i IE, forkert i FF:

<a href="#" class="menuitem"><img src="gfx/house.gif" border="0" alt="" align="absmiddle" style="padding-right: 8px;">Home</a>

Håber der er en som kan hjælpe mig, for jeg er ved at være lost