Twitter-Bootstrap 3. Tabelle mit einer Zeile in Opera Grenze nach Hover verlieren

Question

Hier ist das HTML-Markup:

<table class="table table-hover" style="width: 300px;"> 
    <thead> 
    <tr> 
     <th>#</th> 
     <th>First Name</th> 
     <th>Last Name</th> 
     <th>Username</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>1</td> 
     <td>Mark</td> 
     <td>Otto</td> 
     <td>@mdo</td> 
    </tr> 
    </tbody> 
</table> 

und jsfiddle

auf der Reihe nach schwebt sie es Grenze verloren, aber nachdem ich ändern Größe meines Fensters bleibt sichtbar. Wenn die Tabelle mehr als eine Zeile hat, funktioniert alles gut. Sie können dies bei Screencast Video auch sehen: http://screencast.com/t/hpruvSUbmCE

Dieser Fehler existiert nur in Opera (jeder Version). Ich bin mit Bootstrap 3

Answer 1

Wirklich interessant Fehler gelang es mir durch um ihn zu arbeiten Hinzufügen Regel css

.table th, 
.table td { 
    padding: 4px; 
    line-height: 5px; 
    text-align: left; 
    vertical-align: middle; 
    border-top: 1px solid red ! important; 
    border-bottom: 1px solid red ! important; 
    height:35px; 
} 
.table th{ 
    border-top:none ! important; 
} 
.table td{ 
    border-bottom:0px ! important; 
} 

es habe ein Problem mit Polsterung

fiddle