IE7 list gap

by gravof

HTML

<ul>
<li><span>abs</span><a href="#">link</a></li>
<li><span>abs</span><a href="#">link</a></li>
<li><span>abs</span><a href="#">link</a></li>
<li><span>abs</span><a href="#">link</a></li>
</ul>

CSS

ul {
    border: 1px solid
}
li {
    line-height: 44px;
    border-top: 1px solid #eee;
    position: relative;
}
li:hover {
    background: #f8f8f8;
}
span {
    position: absolute;
    top: 0;
    right: 0;
}