<li>
<span>overlay</span>
content
</li>
li {
position: relative;
height:65px;
overflow: hidden;
}
li span {
background: url(../img/bullet_grey.png) no-repeat;
width: 20px;
height: 20px;
position: absolute;
top: 50px;
left: 10px;
}
While this code works perfectly in most browsers, it seems to have issues with IE6. The SPAN element is not displaying correctly in Internet Explorer 6. Can anyone suggest a solution to make it work in IE6 as well?
Any help would be greatly appreciated!