[Résolu] Manque couleur de fond avec FF

Bonjour,

J'ai un menu avec un fond qui s'affiche sur IE mais pas sur FF.

		<div id="menu">
			<ul>
			<li><a href="../">Accueil</a></li>
			<li><a href="#">A propos de Jade</a></li>
			<li><a href="#">Acc&egrave;s Professionnels</a></li>
			<li><a href="#">Contactez-nous</a></li>
			</ul>
		</div>

avec :

/* Menu */ 
#menu {
font-weight: bold;
font-size: 0.9em;
clear: both;
text-align: left;
width: 100%;
border-top: solid 1px #000;  
background: #ddd;
margin-bottom: 0.1em;
}
#menu ul {
 background: #ddd;
 margin: 0;
 padding: 0;
font-weight: bold;
}

#menu ul li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu ul li a {
	display: block;
	padding: 0.3em 0.6em 0.3em 0.6em;
	color: #000;
	border-right: 1px solid #000;
	text-decoration: none;
	background: #ddd;
	margin: 0;
}

#menu ul li a:hover {
	display: block;
  background: #ccc;
  color: #000; 
}

#menu ul li.actif {
	display: block;
	padding: 0.3em 0.6em 0.3em 0.6em;
	color: #000;
	border-right: 1px solid #000;
	text-decoration: none;
	background: #fff;
	margin: 0;
}

Je ne comprends pas pourquoi ni le #menu ni le #menu ul ne prennent la couleur du background

Si quelqu'un peut m'expliquer,

Merci
Modifié par jpsartre (08 Jun 2007 - 01:16)

Bonjour,

Pose des bordures à menu et ul, tu vas vite comprendre pourquoi,c'est un cas de dépassement de flottant: donne la propriété overflow: hidden ou auto à tes blocs.

Bien compris avec les bordures

Merci beaucoup,