[Resolvido] sobre alinhamento

[jaogabriel 0]

criei um menu e tal.. ficou tudo certinho no ie 6 e 7

mais no mozilla infelizmente ficou desalinhado. ja tentei fazer quase de tudo

se alguem puder me ajudar fico grato.

 

CSS:

#menu {position:absolute; left:0px; top:121px; width:800px; height:37px; background-image: url(imagens/brmn.jpg);}
#menu ul {width:150;}
#menu ul li{float:left; font:12px Tahoma; font-weight:bold; text-transform:uppercase;}
#menu ul li a{width:150px; height:37px; display:block; background:url(imagens/bg.gif) 0 0 no-repeat #66605B; color:#FFFFFF; text-decoration:none; text-align:center;}
#menu ul li a:hover{background:url(imagens/bg_h.gif) 0 0 no-repeat #66605B; color:#FFFFFF;}
#menu ul li.mp{width:150px; height:37px; display:block; background:url(imagens/bg.gif) 0 0 no-repeat #FDFDFD; color:#FFFFFF; text-align:center;}
#menu ul li.hm{width:150px; height:37px; display:block; background:url(imagens/bg_h.gif) 0 0 no-repeat #FDFDFD; color:#FFFFFF; text-align:center;}
#m {margin:0px 0 0 0; padding:0px;}

-

 

HTML:

<div id="menu">
<div id="m">
<ul>
<li class="hm"><br />
HOME</li>
<li class="mp"><a href="produtos/"><br />
PRODUTOS</a></li>
<li class="mp"><a href="empresa/"><br />
EMPRESA</a></li>
<li class="mp"><a href="cadastre-se/"><br />
CADASTRE-SE</a></li>
<li class="mp"><a href="contato/"><br />
CONTATO</a></li>
</ul>
</div>
</div>

GRATO!

[Guilherme Rambo 4]

O título do seu tópico foi editado de acordo com as regras do fórum

[William Bruno 1501]

Logo de cara, tem um absolute ali no #menu..

o container dele, tem ao menos um relative? era necessário esse absolute?

 

Só por esse fragmento de código, eu não notei grave diferença não.

Coloque um link para o teu site, pois com certeza, é alguma outra coisa que está atrapalhando.

[jaogabriel 0]

Problema resolvido!

o erro estava no position adicionado a outra div que eu tinha colocado e no position:absolute;

era position:relative; acabei me confundindo.

 

Obrigado quem tentou ajudar x)