Résolu Perte d'un background-color lorsque je stylise un <li>

[1899]

Bonjour à tous,

Aujourd'hui je viens vers vous car j'ai un petit problème surement facile à régler mais je ne vois pas où est l'erreur. Le CSS je le maîtrise très bien mais il y'a des fois où je sature un peu alors merci de pas m'insulter si c'est facile à régler

Bon, résumons :

J'ai un bloc "navigation" où j'ai appliqué un background-color, et dans ce bloc j'ai un autre bloc se nommant "navbar" (mais le bloc est un <ul class="navigation">) et à l'intérieur de ce même bloc j'ai une liste.
Jusque là tout va bien, mon background-color est présent mais lorsque je commence à styliser le navbar je le perd, du coup le rendu est assez moche

Le CSS :

.navigation {
    background-color: black;
    margin-top: -75px;
}

.navbar li {
    position: relative;
    display: block;
    font-family: 'Roboto', Arial;
    float: left;
    padding-right: 20px;
    padding-top: 10px;
    text-transform: uppercase;
}

.navbar li a {
    text-decoration: none;
    color: black;
    font-size: 14pt;
}

.navbar li a:hover{
    color: #075e09;
}

Merci pour votre aide

 

[1899]

Ok bon problème résolu

J'ai simplement remplacé float: left; par display: inline;