28172 sujets

CSS et mise en forme, CSS3

bonjour les amis,
je veux faire un menu horizontal , mais ca marche pas, quelqu'un m'aide et merci d'avance
<div id="menu">
		<ul>
		<li><a href="#">ACCUEIL</a></li>
		<li><a href="#">PRESENTATION</a></li>
		<li><a href="#">CATALOGUES</a>
				<ul class="submenu">
				<li><a href="#">Salon</a></li>
				<li><a href="#">Salle à manger</a></li>
				<li><a href="#">Chambre à coucher</a></li>
				<li><a href="#">Meuble Intérieur</a></li>
				</ul>
			</li>
		<li><a href="#">SERVICES</a></li>
		<li><a href="#">ACTUALITES</a></li>
		<li><a href="#">CONTACT</a></li>
		</ul>

</div>


#menu {

margin-top:10px;
	background-image:url('../images/bg_menu.jpg');
	padding-top:00px;
	padding-bottom:00px;
	font-family:Eurostile, arial, helvetica, sans-serif;
	
	
	height:40px;
}
#menu ul {
	padding:0;
 margin:0;
 list-style-type:none;
}
 #menu ul li{
	float:left; /*pour IE*/
 /*border-left:1px solid black;*/
 margin-right:10px;
 margin-left:10px;
}


#menu ul li a {
vertical-align:bottom;
color:#d8d9da;
	display:block;
 float:left;   
 width:110px;
 height:20;
 padding: 10px 9px 10px 9px;

 text-decoration:none;
 text-align:center;
 background:url('../images/item.jpg') 00px no-repeat;
}

/* debut style de sous menu*/
#menu ul li ul {
top:140px;
list-style:none;
line-height:10px;
position: absolute;

}
#menu ul li ul.submenu li {
float:left;
display:block;

}

/* fin de style de sous menu*/


mon résultat actuel est de la forme suivante
upload/36743-Capture.PNG

merci les amis