Tou apanhando muito disso ! desde ontem...horas e horas...o que está incorreto ? É um menu pull down que funciona perfeitamente, mas dentro de uma table ele fica querendo esticar a row e ai deforma a tela toda... vejam o conceitual... Página de teste: <table cellpadding="0" cellspacing="3" style="width: 100%; border: 1px solid #0000FF;">
<tr>
<td>
<div id="ms" style="height:20px; border-width: 1px; border-style: solid; border-color: Red; clear: both;">
<uc1:Menu ID="MyMenu1" runat="server" />
<uc1:Menu ID="MyMenu2" runat="server" />
</div></td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
Onde tá as tags de uc1 são os menus..na verdade trata-se de um user control de asp.net, mas não vem ao caso...
Agora o fonte do menu:
<!-Sub Items-->
<div style = "display:none; position: relative; left: <%=left%>px; top: <%=top%>px;" id ="fullmenu" onmouseout="java script:document.getElementById('fullmenu').style.display='none';document.getElementById('rootmenu').style.display='block';" onmouseover="java script:document.getElementById('fullmenu').style.display='block';document.getElementById('rootmenu').style.display='none';">
...Conteudo do menú vem aqui
</div>
<!--/Sub Items-->
<!--Item Raiz-->
<div style = "display: block;position: relative; left: <%=left%>px; top: <%=top%>px;" id ="rootmenu" onmouseover="java script:document.getElementById('rootmenu').style.display='none'; document.getElementById('fullmenu').style.display='block';">
...Conteúdo do raiz vem aqui.
</div> Alguns testes que eu fiz.. do jeito que está: O segundo root do menu aparece ao lado e embaixo do 1o...tipo assim: Root1 Root2 E ai a table envolvendo ambos os menus não estica... Então coloquei no primeiro menu: Floating: left Funcionou ! Ficou assim: Root 1 Root 2 Só que quando passo o mouse em cima de root 1 e os sub items aparece, a table que envolve os menus se estica para que o menu possa estar contido dentro da table.Root 2 acaba funcionando perfeitamente. Me ajudem..tou de cabelo em pé já !