Il menù che è sotto scritto (vedi la pagina di esempio ) non funziona in Opera: si sposta di 3-400 px a destra.
Come mai?
#navigation {position:absolute; right:-2px;}
#navigation {
/*padding: 40px 0 0 0;*/
position: absolute;
top: 40px;
width: 516px;
z-index: 4000;
}
#navigation li {
display: inline;
position: relative;
}
#navigation a {
text-align:right;
padding: 0 10px 0 0;
position: absolute;
display: block;
text-decoration: none;
text-indent: 10px;
width: 82px;
height: 83px;
/*margin: 0 1px 0 0;*/
background-position: left top;
border-top: 1px solid white;
border-bottom: 1px solid white;
font-variant:normal;
font-weight:normal;
color:#fff;
font:13px Verdana, "Lucida Grande", tahoma, sans-serif;
}
#nav_welcome {background: url('immagini/menu2/nav_welcome.gif') no-repeat left top;left: 0}
#nav_servizi {background: url('immagini/menu2/nav_servizi.gif') no-repeat left top;left: 83px}
#nav_benessere {background: url('immagini/menu2/nav_benessere.gif') no-repeat left top;left: 166px}
#nav_wedding {background: url('immagini/menu2/nav_wedding.gif') no-repeat left top;left: 249px}
#nav_prezzi {background: url('immagini/menu2/nav_prezzi.gif') no-repeat left top;left: 332px}
#nav_contatti {background: url('immagini/menu2/nav_contatti.gif') no-repeat left top;left: 415px}
#navigation a:hover {background-position: 0 -83px;}
#navigation a.current {background-position: 0 -166px;color:#666;}
Grazie 1000