nel mio sito ho il seguente codice nel css :
codice:
a, a:visited {
color: #757575;
background-color: transparent;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: none; /* elimino la sottolineatura */
color: #FFFFFF;
background-color: #FF6633;
font-weight: bold;
border: none;
}
.linkto {
margin-bottom: 12px;
font-size: .9em;
font-weight: normal;
}
.linkto ul {
list-style: none;
}
.linkto ul li {
border-bottom: 1px solid #DADADA;
height: 15px;
}
.linkto ul li a, .linkto ul li a:visited {
background: url(../img/arrowr.gif) 0 -1px no-repeat;
padding-left: 18px;
padding-top: 1px;
}
e nel file html:
codice:
<div class="linkto">
<ul>[*]Testo[*]Testo[*]Testo[/list]
</div>
<div>
[div contenente una immagine]
<div>
ebbene:
con firefox nessun problema, mentre con IE accade che quando seleziono un link (quindi evento a:hover) l'immagine (in basso, che si trova in un altro div) si sposta verso destra di 4 pixel.
perché ho questo brutto effetto?