conseguí en este mismo foro un código parecido y gracias a esa propiedad ul li que comentaste batan pude hacer que se alineen en forma de menú, muchas gracias, encerio gracias, este tema lo tenia en la cabeza hace bastante jaja y se agilizo la carga de imágenes en mi web (:
resultado :)
Una ves mas gracias! y acá les dejo el código por si a alguien le interesa..
CSS : Código PHP:
#menu ul li{
float: left;
}
#lateral ul{list-style:none; list-style-type:none; margin:0px; padding:0px;}
#lateral li{padding:0px;}
.menua{width:125px; height:31px; margin:auto; margin-bottom:8px; overflow:hidden; text-indent:-5000px;}
.menua a{width:125px; height:62px; display:block; border:0;}
.menuf{width:95px; height:31px; margin:auto; margin-bottom:8px; overflow:hidden; text-indent:-5000px;}
.menuf a{width:95px; height:62px; display:block; border:0;}
/*Botones*/
#menu-foro{background:url(IMAGEN ON);}
#menu-foro a{background:url(IMAGEN OFF);}
#menu-foro a:hover{background:none;}
#menu-panel{background:url(IMAGEN ON);}
#menu-panel a{background:url(IMAGEN OFF);}
#menu-panel a:hover{background:none;}
agregar mas para mas opciones de boton :)
Html : Código PHP:
<div id="menu">
<div id="lateral">
<ul>
<li class="menuf" id="menu-foro" ><a href="nosotros.php" title="Foro" accesskey="2">Reglas</a></li>
<li class="menup" id="menu-panel" ><a href="nosotros.php" title="Panel" accesskey="2">Reglas</a></li>
</ul>
</div>
</div>