Incompatibilidade....

Bom... a um tempo atrás eu havia criado um tópico perguntando sobre demora de abrir o css e aproveitei o tópico para tirar uma dúvida de o porque do site abrir errado no Firefox, e me respoderam que deveria começar do 0, programando para o Firefox...

Pois bem, tomei vergonha na cara e fiz o download do Firefox, e comecei a fazer a folha de estilo do 0, adicionando uma formatação e vendo nos dois navegadores o resultado. Constatei que quando declaramos o <li></li>, o Firefox já deixa uma margin-left automática e o Internet Explorer não. Então para ficar certo no Firefox eu dei um margin-left:-30px, já no Internet Explorer dei um margin-left:10px.

Segue os links:

Funciona perfeitamente no Internet Explorer:

http://www.floripagel.ots-x.com/bar/2/Untitled-1.htm

Funciona perfeitamente no Firefox:

http://www.floripagel.ots-x.com/bar/2/Untitled-2.htm

(note que eu apenas fiz a parte do menu)

Um amigo meu falou que poderia usar javascript, aí eu verificava qual o navegador que a pessoa estivesse usando e abriria a folha de estilo correta... este método não deixaria a página mais lenta? Existe outra forma de contornar o problema?

Lembrando que estou começando agora com css...

Desde já,

Muito obrigado pela sua atenção.