Problema com menu usando UL

[Apokalypse 0]

E ai pessoal, tudo tranquilo?

 

Então, eu sou NB nesse negocio de Tableless, mas resolvi tentar fazer o site do meu cliente neste padrão.

 

Meu problema é que o bendito menu não encaixa no layout no Mozilla, só no Internet Explorer.

 

Para dar uma olhada:

 

http://www.mmsweb.com.br/clientes/delta/ (com o css)

http://www.mmsweb.com.br/clientes/delta/no-css.html (sem o css)

 

O restante do conteúdo não me importa, afinal é tranquilo de fazer. Meu problema tá nesse bendito menu, que no Mozilla fica com tipo uma margem na parte de cima.

 

O layout deve ficar assim: http://www.mmsweb.com.br/clientes/delta/imagem.jpg (só o menu que eu não vou fazer com aquela sombra em volta, de resto deve ficar tudo igual)

 

Só uma observação: onde tem aquela imagem de um painel de elevador, vai ser um flash.

 

Se alguem puder me ajudar, ficaria muito agradecido, afinal já tentei de tudo e o bendito nao encaixa...eheh

 

 

Grande abraço a todos!!

[Santiago 0]

Cara tira esse margin-top: 3px; do seu #menu_principal ul .

[Apokalypse 0]

Cara tira esse margin-top: 3px; do seu #menu_principal ul .

mas se eu tirar essa margem, o texto gruda la no topo!!!

[Apokalypse 0]

Use padding:3px 0 0 0

 

[]s

Valeu pela resposta rflky3, mas eu já havia resolvido o problema. Eu até postei aqui o que eu fiz pra resolver, mas n sei porque diabos sumiu meu post... :P

 

Aqui vai o que eu fiz:

 

Removi do UL o padding de 3px, que eu havia colocado anteriormente pra não deixar o texto grudado no topo;

Reduzi o a largura do #menu_principal para 18px (removi dele os 3px) e adicionei a ele 3px de padding-top....

 

problema resolvido, layout pronto. Agora soh falta gerar os templates pro Smarty e ta tudo pronto!!!

 

Valeu galera!