css - menu

[Eric Roger 0]

Bom pessoal estou com uma algumas dúvidas, estou desenvolvendo o layout de uma página com CSS, mas sou leigo no assunto e estou tendo algumas dificuldades e gostaria que me ajudassem, a página que tenho que montar é essa que está no link a seguir:

 

Desenvolvimento Site

 

Estou tentando fazer para que fiquem bem visualizadas nos browsers a seguir:

I.E 6

Mozilla/Firefox 1.5.06

Opera 9.01

 

só que até a parte do topo deu certo agora o menu estou tendo dificuldades para alinha do modo que está ai no layout, se quizerem visualizar a pagina em desenvolvimento até o momento é essa aqui:

 

http://www.agenciavision.com.br/eric/CC/

 

um trecho do código que estou usando para terem uma ideia: eu não sei o que poderia estar usando ao invés disso alguem tem alguma sugestão:

 

#menu {

background: url(Site/imgs/fundo_menu.jpg) repeat-y;

padding-top:0px;

margin-top:0px;

}

 

#menu ul li {

padding-top:5px;

padding-bottom:5px;

text-align:left;

padding-left:25px;

}

 

<div id="img_esquerda">

<div id="menu" >

<ul>

<li>Alimentação</li>

<img src="Site/imgs/Traço_Menu.gif"/>

<li>Atacado</li>

<img src="Site/imgs/Traço_Menu.gif"/>

<li>Casa & Cia</li>

<img src="Site/imgs/Traço_Menu.gif"/>

<li>Entretenimento</li>

<img src="Site/imgs/Traço_Menu.gif"/>

<li>Informática</li>

<img src="Site/imgs/Traço_Menu.gif"/>

<li>Livros</li>

</ul>

</div>

</div>

 

Pessoal no IE aparece a a imagem que coloquei para separar os itens do menu (traço_menu.gif) no opera tb mas não da os espaçamentos que coloquei usando o (padding), já no Firefox nem a imagem aparece, alguem te alguma idéia pq?

 

Outra coisa que já apanhei muito aqui foi para conseguir colocar essa mesma divisão do menu (traço_menu.gif) alinhado a esquerda, ela ta acompanhando os nomes do itens so menu....

 

Bom pessoal era isso, não sei se coloquei informação demais, só tentei colocar para facilitar, mas se alguem tiver alguma sugestão eu agradeceria.

 

T+

[djeco 0]

só lembrando que se usar a propriedade border-bottom:1px dotted #000 em cada navegador o pontilhado vai aparecer de um jeito...

 

eu sempre uso um gif pra fazer os pontilhados...

 

faço a imagem com 2 pixels 1 preto (ou a cor q você quer o pontilhado) e outro branco... e no css coloco background: url(pontilhado.gif) repeat-X left bottom;

[Giovani 104]

Eu pessoalmente acho q o pontilhado do IE fica uma mer$#!!!