Menu top : deuxième niveau horizontal ?

[CamilleFr]

Bonjour,

Je suis en train de mettre en place mon site et je bloque sur un détail. Dans mon menu top, le premier niveau s'affiche horizontalement et le second niveau verticalement. Hors je voudrais que le second s'affiche également de manière verticale.

J'ai essayé un display:inline dans le css mais ça ne semble pas fonctionner. Quelqu'un pourrait m'aider s'il-vous-plait ?

Merci d'avance,

Cam.

[vermich]

Je ne sais pas trop ce qui peut géner mais je peux déjà te montrer comme ça fonctionne sur le mien :

 

.sf-contener {
clear: both;
}
.sf-right {
 margin-right: 14px;
 float: right;
 width: 7px;
}
.sf-menu, .sf-menu * {
margin:   0;
padding:  0;
list-style:  none;
}
.sf-menu {
margin: 10px 0;
padding:0;
width:980px;/* 980 */
background: #383838;
}
.sf-menu ul {
position:  absolute;
top:   -999em;
width:   10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width:   100%;
}
.sf-menu li:hover {
visibility:  inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:   left;
position:  relative;
border-right: 1px solid #777;
}
.sf-menu a {
display:  block;
position:  relative;
color:#fff;
text-shadow:0 1px 0 #333;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:   0;
top:   34px; /* match top ul list item height */
z-index:  99;
width:auto
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:   -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:   200px; /* match ul width */
top:   0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:   -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:   200px; /* match ul width */
top:   0;
}
/*** DEMO SKIN ***/
.sf-menu {
float:   left;
margin-bottom: 1em;
}
.sf-menu a {
display:block;
margin-right:2px;
padding: 0 22px 0 20px;
line-height:34px;
border: 0;
text-decoration:none;
}