IE8: frontière + problème d'image de fond

Question

J'ai une travée avec une image de fond repeat-x + une bordure.

Pour une raison uniquement dans IE8 (même IE7/6), l'image masque la bordure gauche.

Quand je mets la frontière gauche à 2px je peux voir une bordure 1px

Mon code:

<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

C'est un problème de défilement. Le problème frontalier se produit uniquement lorsque la barre de défilement est affichée, ma solution:

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