CSS incompatível com Navegadores

[Junio Araujo 0]

Alguém já passou por isso!

Tenho um menu drop que entre os links tem uma linha separando com <hr>. Tá assim:

 

<li><a href="#">Bibliotecas</a></li> <hr width="190px" color="#b2ac99" size="1" align="left"/>
<li><a href="#">Laboratórios</a></li> <hr width="190px" color="#b2ac99" size="1" align="left"/>

 

No Google Crhome, aparece Link e Linha certinho como escrito acima. já no FireFox, as linhas ficam do lado do link. Ele desloca as linhas todas para o lado direito das palavras. e no IE, elas ficam grossas.

 

Como resolver isso?

 

Valeu.

[William Bruno 1501]

use border-bottom para separar, e não um hr.

 

esse efeito visual que você quer, deve ser feito no css, e não no html.

Essa tua marcação nem valida.