Ciao, ho il seguente problema, che mi sta facendo impazzire.

Sto impostando un menu tramite liste non ordinate utilizzando esclusivamente immagini di sfondo per gestire il rollover di 4 pulsanti.

Il problema è che, una volta creata la lista e tutte le regole necessarie, quelle dannate immagini proprio non si vedono!

Utilizzo DW CS3 e nell'anteprima mi compare correttamente ma l'anteprima di ogni browser (firefox, pera, safari) non si vuole vedere quel menu eppure pare correttamente impostato secondo le regole!

Sto pensando vi sia un errore a livello di immagine ma è molto strano...

ecco tutto:

XHTML

<ul id="menu-alto">[*]Home
[*][*][*][/list]


CSS

#menu-alto {
list-style: none;
width: 380px;
height: 38px;
position:absolute;
top: 162px;
left: 409px;
margin: 0;
padding: 0;
}

#menu-alto a {
display:block;
text-indent: -900%;
outline: none;
position: absolute;
}

#menu-alto a:hover {
background-position: left bottom;
}

#menu-alto .homepage {
width: 93px;
height: 38px;
background: url url(home-alto.png) no-repeat;

}

#menu-alto .negozio {
width: 93px;
height: 38px;
background: url url(home-alto.png) no-repeat;
left: 95px;

}

#menu-alto .gallery {
width: 93px;
height: 38px;
background: url url(home-alto.png) no-repeat;
left: 190px;
}

#menu-alto .dove {
width: 93px;
height: 38px;
background: url url(home-alto.png) no-repeat;
left: 285px;
}


---------------------------------------

Vi sarei grato se potreste darmi una mano, ciao, non so più che fare!