IE6 background-position (?) Emissione

Question

Applico a stackoverflow come ultima risorsa. Ho ricevuto questo bug ie6 mentre usavo l'immagine sullo sfondo del link. Sembra che ie6 scorra lo sfondo. Come posso evitarlo?

Ad un certo larghezza mostra come questo:
alt text http://img135.imageshack.us/img135/8849/badie1.png

E in un altro si vede così:
alt text http://img522.imageshack.us/img522/8180/badie2.png

IE7 & FF mostrare questo proprio come mi aspetto:
alt text http://img142.imageshack.us/img142/2296/goodie.png
I collegamenti sono posizionati all'interno del div che fluttua a destra.

<a href="/tr" class="menuLink" style="background-image:url(/img/tr.png);">TR</a> 
<a href="/eng" class="menuLink" style="background-image:url(/img/eng.png); margin-right:30px;">ENG</a> 
<a href="/logout" class="menuLink" style="background-image:url(/img/logout.png);"><?=$ui["exit"];?></a> 

    .menuLink { 
    font-family:"Tahoma"; 
    font-size:11px; 
    color:#003300; 
    text-decoration:underline; 
    font-weight: bold; 
    background-position:0% 50%; 
    background-repeat:no-repeat; 
    } 
    .menuLink:hover { 
    font-size:11px; 
    color:#047307; 
    text-decoration:underline; 
    font-weight: bold; 
    } 

Eventuali suggerimenti come evitare questo?

Answer 1

avrei trovato una soluzione che funziona per IE6 e utilizzare Conditional Comments per filtrare le altre versioni corrette per IE7, FF, ecc vorrei anche evitare di usare percentuali nel background-position per IE6 (reference).

Answer 2

Change

background-position:0% 50%; 

a

background-position:50% 50%; 

e aggiungere

background-repeat: no-repeat; 

Ciò centrare l'immagine horizontially che in verticale e fermare l'immagine da piastrelle.

Answer 3

Mi sono imbattuto in questo problema e ho scoperto che l'utilizzo di overflow:hidden sull'elemento con l'immagine di sfondo ha risolto molti dei miei problemi di IE6 (anche se non tutti).

Answer 4

Come consigliato in this answer-a somewhat related question, mi consiglia di utilizzare background-position-x e background-position-y invece di background-position per IE (pre-IE8).

Answer 5

Non è possibile utilizzare la posizione di sfondo con alcuna correzione * ie6 .png, la soluzione è rendere l'immagine una gif o una png a 8 bit.

* Nessuno che io uso/provato

Answer 6

Se avete padding-top o padding-bottom nel vostro elemento con immagini di sfondo e background-positioning - in IE6 è possibile modificare la padding-top: 16px; per margin-top: 16px; e si risolve il problema.

Non spinge via altri elementi e raddoppia più il padding.
Altrimenti, in IE7 e IE8 l'attributo padding funziona.