Exactamente era eso lo que queria hacer, pero si tengo un menu principal con 10 elementos y el submenu de 3 , sucede que si el submenu es del ultimo elemento , se situa debajo del primer elemento del menu, como puedo hacer para que se situen justo debajo del que le corresponde.
Código HTML:
<ul class="menu sf-js-enabled" id="menu-nav-header"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-5" id="menu-item-5"><a href="">INICIO</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-5" id="menu-item-5"><a href="">PRUEBA1</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-5" id="menu-item-5"><a href="">PRUEBA2</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-5" id="menu-item-5"><a href="">PRUEBA3</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-5" id="menu-item-5"><a href="">PRUEBA4</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-5" id="menu-item-5"><a href="">PRUEBA5</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-5" id="menu-item-5"><a href="">PRUEBA6</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-5" id="menu-item-5"><a href="">PRUEBA7</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-5" id="menu-item-5"><a href="">PRUEBA8</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-5" id="menu-item-5"><a href="">PRUEBA9</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-18" id="menu-item-18">
<a href="">TEST</a>
<ul class="sub-menu sf-js-enabled" style="float: none; width: 15em; visibility: hidden; display: none;">
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-32" id="menu-item-32" style="white-space: normal; float: left; width: 100%;"><a href="" style="float: none; width: auto;">SUBSCRIPCIÓN</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-31" id="menu-item-31" style="white-space: normal; float: left; width: 100%;"><a href="" style="float: none; width: auto;">PUBLICIDAD</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-30" id="menu-item-30" style="white-space: normal; float: left; width: 100%;"><a href="" style="float: none; width: auto;">EQUIPO</a></li>
</ul>
</li>
</ul>
En este ejemplo el submenu se situa debajo de Inico, y me gustaria que se situase debajo de Test(centrado) , y si hubiese otro submenu debajo de Prueba6, que se situase debajo de Prueba6.....
Espero que entendais la idea que quiero hacer,
Muchas gracias por todo , si pudieseis resolverme esa duda....
Un saludo