IE8：边框+背景图像问题

Question

我有一个带有background-image repeat-x +边框的跨度。

出于某种原因，仅在IE8（甚至不是IE7 / 6）中，图像隐藏了左边框。

当我将border-left设置为2px时，我可以看到1px边框

我的代码：

<span class="smallTab calTab calTabUnSel"></span>

.smallTab{text-align:center; border:1px solid #A0A0A0; border-bottom:none; font-size:15px; font-weight:bold; cursor:pointer;}
.calTab{position:relative; float:right; height:20px; width:85px; margin-left:4px;}

.calTabUnSel
{
    background-image: url(../images/tabNoSel.gif);
    background-repeat: repeat-x;
    background-color: #C0BFBD;
    color:#636363;
}

Answer 1

这是一个滚动问题。 只有在显示滚动条时才会出现边框问题，我的解决方案是：

html {
    -ms-overflow-y: scroll;
    width:99.99%;
}