<tr> à la bordure supérieure de travail mais pas de la frontière bas

Voici la question. J'ai mon code alors que je devrais être en train de voir une bordure en haut et en bas de chaque <tr> élément. Cependant, je ne vois que ce qui est bas, sauf pour l'élément supérieur.

.tstyle1 {
    margin: 10px 0 0 30px;
    width: 950px;
}

.tstyle1 tr {
    height: 120px;
    border-bottom: 1px solid black;
    border-collapse: separate;
    border-top: 1px solid black;
    border-bottom: 1px solid orange;
}

.tstyle1 td {
    border: none;
}

Voici la question recréé.
http://jsfiddle.net/fL3rx/

OriginalL'auteur Sean Marcus | 2013-01-24

  1. 6

    Essayer

    ajoutant display: block; à votre .tstyle1 tr

    Merci, vous deux!

    OriginalL'auteur Pricey

  2. 1

    Le problème est que votre border-bottom définition est tout simplement la couverture de votre border-top définition. Si la couleur en dessous ne s'affiche pas. Essayez de définir le border-bottom:none et vous verrez la bordure du haut montre

    La suggestion de @Cher fait un peu de magie.

    OriginalL'auteur codingbiz