BORDER-RADIUS dans 2 <ul>

Bonjour,
j'ai un menu qui contient un sous menu bien sur c'est avec CSS pure sans aucun script javascript, et je veux just appliquer Border-radius dans la premiere UL sans toucher la sous UL, et quand je met la BORDER-RADIUS tout le menu prend la nouvelle mise en form (= tout le menu a BORDER-RADIUS)

et voila mon code CSS :

/*MENU STYLE*/

<!--[if !IE]> <-->
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<!--><![endif]-->
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:0 20px 0 0 ;
padding:0 0 0 0;
background-color:#63A21A;
text-align:center;

-webkit-border-top-left-radius: 5px ;
-webkit-border-top-right-radius: 5px  ;
-moz-border-radius-topleft: 5px  ;
-moz-border-radius-topright: 5px ;
border-top-left-radius: 5px ;
border-top-right-radius: 5px ;
}

#menu ul ul li{
	border: 1px outset #AEB0B1;
	width: 109px;
	background:#AEB0B1;
	
	border-radius: 5px 10px 5px 10px / 10px 5px 10px 5px;
border-radius: 5px;
border-radius: 5px 10px / 10px;
}




#menu li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
margin:0 0 0 -40px;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}


}

#lino:hover{background:none;}
#lino:visited{background:none;}


/*END MENU STYLE*/

Bonjour,

si j'ai bien compris, tu veux appliquer un border radius aux li du menu principal, mais pas à ceux des sous menus?

si c'est le cas, tu ne devrais pas avoir de border-radius dans le sélecteur "#menu ul ul li" (éléments de sous menu).