Site com CSS, cada navegador aparece de um jeito

[Felipe Fujiy Pessoto]

Estou fazendo uma versao do site da empresa em ASP.NET e aproveitando pra fazer tableless, usando CSS

Só que o rodape ta me dando muita dor de cabeca

Olha só o codigo dele:

<div id="rodape" style="background-color: #CCCCCC; text-align:center; padding-top:3px; font-family: Arial; font-size: 10px; position: relative; top: -32px; height: 17px; ">

Companhia de Desenvolvimento de São Vicente © 2004 - 2007 - Departamento de Informática

</div>

O unico que aparece normal é no IE, no Opera e Firefox é muito bizarro, porque o texto aparece no lugar certo mas o div em si, isto é o retangulo cinza de fundo, fica la em cima, no meio da noticia.

Como isso é possivel??? Como que o browser coloca o texto no lugar certo e o fundo da div em outro lugar?

http://www.aspspider.info/fujiy/NoticiaCom....aspx?noticia=1

Como faco funcionar no Opera e FF?

[flavio]

substitua position: relative; top: -32px; por clear:both;

[Felipe Fujiy Pessoto]

Ai da no mesmo que não ter o clear:both;

O rodape fica distante da pagina

Ah consegui, em vez de substituir, deixei os dois

<div id="rodape" style="background-color: #CCCCCC; text-align:center; padding-top:3px; font-family: Arial; font-size: 10px; clear:both; position: relative; top: -32px; height: 17px; ">

Ai funcionou

Me disseram que a causa disso é porque a o div noticia que ta dentro de conteudo ta estourando o tamanho de conteudo

E a div rodape é dps de noticia, então ele se alinha pela div conteudo e não noticia

[tonzinhu]

Exatamente, normalmente pra nah dar esses pros eu uso o rodape fora da div "geral" digamos..deixo ela por ultimo..fora das outras..como o proprio nome já diz...deixo no rodape rsss..

falou