No Firefox eh uma coisa no IE eh outra???

Ola pessoal!

Fiz uma CSS pra otimizar meus layouts, mas eles se comportam em maneiras diferentes no ff e no ie. Segue o codigo:

body { margin:0; padding:0; border:none; font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif; background:#fff; color:#333; text-align:center; }#tudo { width:758px; margin:0 auto; text-align:left; }#topo { height:50px; border-bottom:1px solid #c30; position: relative; }#rodape { clear:both; text-align:center; border-top:1px solid #c30; }ul, ol { margin:0; padding:0; list-style:none; } .dest { color:#039; } #principal { float:left; width:460px; margin-left:3%; text-align:justify; border: solid #E6E6E6; border-width: 2px; padding: 0 10px; margin-top: 11%; }#menu { width:115px; float:left; margin-top: 10%; position: static; }#noticia { width:115px; float:right; margin-top: 10%; position: static; }

Esse codigo funciona como eu quero no ff, mas no ie o #menu, #principal e #noticia, ficam muito baixos em relaçao a barra do navegador... Sera que deu pra entender?

Como faço pra corrigir e deixar os dois iguais?

Obrigado.

Fabricio