rollover css

[sevenumber]

ciao,

mi succede una cosa strana con un menu: ho creato un rollover in un link con questo codice

HTML

<div class="menu_x_level_no">Menu 1 </div>
<div class="menu_x_level_act">Menu 1 (act)</div>

CSS

div.menu_x_level_no a, div.menu_x_level_act a {
	text-decoration: none;
	height: 20px;
	padding-bottom: 8px;
	background: url(../images/underline.jpg) repeat-x 100% 100%;
}
div.menu_x_level_no a:hover {
	text-decoration: none;
	padding-bottom: 8px;
	background: url(../images/underline_hover.jpg) repeat-x 100% 100%;
}

in pratica volevo ricreare questo effetto sottolineatura :
http://www.top-ix.org/index.php (porta il mouse su contact o english version)

ma con il codice sopra riportato mi succede che prima di visualizzarsi l'immagine di rollover c'è una fraz di secondo che scopare anche l'immagine di background del link:

sa cosa può dipendere?

saluti

sevenumber

[crinzy]

ciao,
al posto di usare delle immagini non ti conviene usare un border-bottom specificando la dimensione e il colore?

[sevenumber]

giusto ... nn ci avevo pensato ... grazie!

[crinzy]

fammi sapere se funziona