IE6 background-position(?) issue
- by turezky
I apply to stackoverflow as my last resort.
I got this ie6 bug while using the image at the background of the link.
It seems that ie6 scrolls the background. How can I avoid it?
At some width it shows like this:
And at some other it shows like that:
IE7 & FF show this just like I expect:
The links are placed inside the div which is floating 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 hints how can I avoid this?