Prueba con esto, la estructura cambia un poco pero básicamente es lo mismo:
Código HTML:
<div id="miMenu">
<ul class="menu">
<li>Menú 1</li>
</ul>
<ul class="menu">
<li>Menú 2</li>
</ul>
<ul class="menu">
<li>Menú 3</li>
</ul>
</div> Código PHP:
#miMenu {
background-color: #CCCCCC;
overflow: hidden;
}
#miMenu ul.menu {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
list-style: none;
float: left;
margin: 0px 0px 0px 0px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
display: block;
}
y para añadir submenús:
Código HTML:
<ul class="menu">
<li>Menú 3
<ul>
<li>Primer elemento</li>
<li>Segundo elemento</li>
<li>Tercer elemento</li>
</ul>
</li>
</ul>