O ideal para menu é usar ul e li, você usou um sistema que não conheço. Mais seria mais ou menos isso:
#menu-principal dd .submenu { position:absolute; top:55px; width:500px; height:40px; float:left; display:none; }
#menu-principal dd {
background: url("images/global-nav-bg.gif") repeat-x;
background-position: 106px 0;
float:left;
position:relative;
}
Para o submenu não "arrastar" o menu os itens tem que estar num position relative e o submenu com position absolute.
Se der algum problema poste o site online para eu ver como ficou. Estou fazendo aqui pelo rumo mesmo. Sem ver o funcionamento.
Amigo, está certinho! Só tem um pequeno defeito agora que acho q eu consigo resolver aqui.
O defeito é que a partir do menu "TRANSPORTE" (e com ele "PUBLICAÇÕES TECNICAS") se houver submenu, fica fora do layout.
Tentei criar mais uma class:
#menu-principal dd .submenu
{
position:absolute;
top:35px;
width:500px;
height:40px;
float:left;
display:none;
}
#menu-principal dd .submenud
{
position:absolute;
top:35px;
width:500px;
height:40px;
float:right;
display:none;
}
só que ele nao aparece com esse float.
obg.
Edição feita por: CaptainZap, 21/05/2012, 15:52.