[resolu] couleur de fond <p> avec lien <a> en block

Bonjour (j'avais oublié, toutes mes excuses, mais j'étais plongé dans le code...)
Je veux faire un menu (mais sans utiliser de liste dans mon cas)

Dans ma balise <p>, j'ai trois liens transformés en "block". Ces trois blocs ne font pas toute la largeur de l'écran. Je veux donc attribuer à la balise <p> une longueure de 100% et un fond de couleur pour compléter le vide à la droite des liens, sur IE, cela fonctionne mais pas sous firefox.

Voici le code HTML :

<p id="menu">
<a href="index.html">ACCUEIL</a>
<a href="vente.html">VENTE</a>
<a href="location.html">LOCATION</a>
</p>

Voici le code CSS :

#menu a{
display : block;
float : left;
width : 120px;
height : 33px;
background-color : #6666FF;
}

p#menu {
width : 100%;
background-color : #6666FF;
}

Merci de m'éclairer.
Modifié par manu_css (28 Apr 2007 - 22:24)

Bonjour à toi aussi, tous tes liens sont en float:left; donc ils sont sortis du flux.

Du coup, l'élément p agit comme si elle était vide, et on ne voit pas le fond coloré. Mozilla Firefox agit donc normalement, et Internet Explorer, une fois de plus, interprète mal le code.

Pour que ton p s'affiche, il suffit de lui donner une hauteur, comme par exemple height:33px;

Bonjour (mea culpa) et merci sylvain, effectivement, ce n'était que cela.