ciao, ho un layout fatto con div e css a tre colonne 100%
20% la prima 60% la seconda e la terza margin-left 80%
gli sfondi delle due colonne laterali li ho disegnati dando lo sfondo al div corpo e ad un div ausiliario, e fin qui tutto bene.
nella colonna di sx ho inserito un menu verticale fatto con le liste...funziona su tutti i browser ma al rollover su INTERNET EXPLORER 6 mi scosta tutto il corpo di 1 pixel a sinistra, insomma si muove tutto il blocco del corpo...sapete per caso se esiste un bug simile?
struttura:
#corpo {
float:left;
width: 100%;
color:#000;
background: #d6e7e4 url(../img/sf_sx.gif) 20% 0 repeat-y;
font-size:95%;
}
#ausiliario {
float:left;
width: 100%;
color:#000;
background: transparent url(../img/sf_dx.gif) 80% 0 repeat-y;
}
#colonna-1 {
float:left;
width:20%;
}
#colonna-2 {
float:left;
width:60%;
}
#colonna-3 {
margin-left:80%;
background: transparent;
color: #000;
}
menu:
.menuNavigazione{
width:100%;
margin:0;
padding:0;
list-style:none;
}
.menuNavigazione a{
display:block;
text-decoration:none;
padding:2px 0.5em 2px 16px;
border-bottom:1px solid #999;
}
.menuNavigazione a:link,
.menuNavigazione a:visited{
background:url(../img/marcatore.gif) #EEE 3px 50% no-repeat;
color:#3a4f63;
}
.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active{
background:url(../img/marcatore_rollover.gif) #d8d5d5 3px 50% no-repeat;
color:#fff;
}
.menuNavigazione{
background:url(../img/marcatore_rollover.gif) -200px -200px no-repeat;/* carica l'immagine in anticipo */
}

Rispondi quotando
