Bordure du bas sur l'élément li

Je suis en train d'ajouter une bordure en bas de mon li éléments. C'est mon css:

.menu{
    text-align:right;
}
.menu li{
    padding:5px;
    text-transform: uppercase;
    display:inline; 
    list-style-type:none;
    list-style-position: inside;

    border-bottom: 1px solid red;
}

Et mon code HTML:

    <div class="menu">
        <ul>
            <li>Home</li>
            <li>Home</li> 
            <li>Home</li> 
            <li>Home</li> 
            <li>Testimonials</li>
            <li>About Us</li>
            <li>Contact Us</li>
        </ul>
    </div>

Pour une raison quelconque, pas de bordure en bas est ajouté. Je peux ajouter une bordure à droite et à gauche, mais pas le fond. Ce que je fais mal?

Je le vois bien. jsfiddle.net/3GupN
Semble bien, ici jsfiddle.net/j08691/KFCjg. Avez-vous plus de CSS?
Assurez-vous que votre UL n'est pas de petite et de cacher le bas de votre LI
Quel navigateur utilisez-vous?
Veuillez fournir les styles css pour la balise UL. Il ya quelque chose peut-être jeter les styles off.

OriginalL'auteur oliverbj | 2012-09-10

  1. 5

    essayez d'ajouter;

    html, body{
  margin: 0;
  padding: 0;
}

    Votre code fonctionne bien ici sans aucun changement.

    OriginalL'auteur blasteralfred Ψ

  2. -4

    Je comprends clairement au sujet de votre besoin. la solutions est donnée ci-dessous il suffit de changer le bas de la droite. merci de le tester et donner de la rétroaction.

    .menu li{    
    padding:5px;
    text-transform: uppercase;
    display:inline;
    list-style-type:none;
    list-style-position: inside;
    border-right: 1px solid red;
}
    Qui donne la liste des éléments d'une frontière à leur droite. L'OP veut la frontière sur le fond.
    Salut steve avez-vous lu entièrement? "Je peux ajouter une bordure à droite et à gauche, mais pas le fond. "

    OriginalL'auteur Web Designer cum Promoter