IE6 background-position(?) issue
Posted
by turezky
on Stack Overflow
See other posts from Stack Overflow
or by turezky
Published on 2009-04-18T16:23:00Z
Indexed on
2010/04/14
11:23 UTC
Read the original article
Hit count: 427
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?
© Stack Overflow or respective owner
