Sto sviluppando un sito dove nell'intestazione ci sono 5 voci di menu rappresentate da altrettante immagini, che devono essere disposte affiancate (tipo effetto "a schede").

Il codice HTML è
codice:
<div id="menu">
 <span>Home page</span>
 <span>Passa al contenuto</span>
</div>
Il CSS collegato è:
codice:
#menu {position:relative; margin:auto; width:760px; height:24px}
#menu a {float:left; border:#333333 1px solid; border-bottom:0px; height:24px}
#home {background:#FFFFCC url(home.gif) no-repeat center center; width:92px}
#salta {background:#FFFFCC url(contenuto.gif) no-repeat center center; width:156px}
span {display:none}
Con Firefox e Explorer funziona correttamente, Opera invece mi mostra l'immagine di sfondo (tipo home.gif) non centrata ma allineata in alto a sinistra e ripetuta sia in orizzonatale che in verticale.
Dove sbaglio?
Grazie