[css] immagine si sposta su link

[speriamobene]

nel mio sito ho il seguente codice nel css :

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:

<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?

[pugia]

è questione di margin e padding che vengono interpretati in modo diverso dai due browser (indovina un po' chi sbaglia? )

mi sembri si chiami bug dei 3 pixel su IE