Problem with background position IE6 (?)

Question

I am using stackoverflow as a last resort. I got ie6 error when using image on link background. Ie6 seems to scroll the background. How can i avoid this?

At a certain width, it looks like this: alt text http://img135.imageshack.us/img135/8849/badie1.png

And in some others it looks like this:
alt text http://img522.imageshack.us/img522/8180/badie2.png

IE7 and FF show this exactly as I expect:
alt text http://img142.imageshack.us/img142/2296/goodie.png
Links are placed inside a div that floats to the right.

<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;
     }

Any clues how can I avoid this?

Answer 1

, , overflow:hidden IE6 ( ).

Answer 2

, IE6, " " , IE7, FF .. background-position IE6 ().

Answer 3

, background-position-x background-position-y background-position IE (pre-IE8).

Answer 4

* ie6.png, gif 8- png.

* , /

Answer 5

padding-top padding-bottom background-positioning - IE6 padding-top: 16px; margin-top: 16px; .

.
IE7 IE8 .

Answer 6

background-position:0% 50%;

background-position:50% 50%;

background-repeat: no-repeat;

, .