Twitter-bootstrap 3. Tavolo con una riga perdere confine dopo librarsi in Opera

Question

Ecco il markup HTML:

<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> 

e jsfiddle

Dopo bilico sulla riga hanno perso lo confine, ma dopo che ho cambiato ridimensiona la mia finestra rimane visibile. Se il tavolo ha più di una fila, tutto funziona correttamente. Potete vedere questo anche sul video screencast: http://screencast.com/t/hpruvSUbmCE

Questo bug esiste solo in Opera (qualsiasi versione). Sto usando bootstrap 3

Answer 1

Davvero interessante bug sono riuscito a lavorare intorno ad esso con l'aggiunta di regola per 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; 
} 

che hanno qualche problema con imbottitura

fiddle