Rodape desalinha no ie no ff fica ok

http://www.mavadesign.com.br/clientes/engelplas/

Fica errado, se eu coloco uma margem negativa dai fica ok no Ie mas dai ferra no FF,

ja tentei de tudo o que eu posso fazer? dicas?

até mais

css.

* { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; list-style:none; text-decoration: none; margin:0; padding:0; } body { background:#d8e2eb url(../imagens/fundo.jpg) repeat-x; } #geral { width:737px; margin:auto; }#esquerda { width:521px; float:left; margin:0 0px 0 0px; text-align: right; padding:0px 0 0px 0; }#direita { width:216px; float:left; margin:0 0px 0 0px; text-align: right; padding:0px 0 0px 0;}#direita li{ margin:-2px 0px 0 0px; padding:0;}.meio { background: repeat-y url("../imagens/fundo_meio.gif"); width:521px; margin: -2px 0 0 0; height:312px; text-align:left; }.home-texto { margin: 20px 86px 90px 66px; line-height: 20px; text-align:justify; }.rodape { margin:-4px 0 0 0; }