Posicionamento das div's

Ola a todos.. olha eu com um problama. Quase tudo funciona no layout, mas tenho um menu que deve ficar centralizado com largura de 780px e isso esta ok .. mas na mesma linha desse menu do lado direito na largura maxima do navegador existe uma outra div. No FF funciona normalmente mas no IE a div que esta à direita do menu esta descendo exatamento a altura do menu.

No FF:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.des84.com/temp/FF_ok.jpg&key=b4f41cec8980e766b0f21b983efd44037ab0137dab0b893d7f3c30eefbf9173a" alt="Imagem Postada" />

No IE:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.des84.com/temp/IE_error.jpg&key=4f8bcc44aa7cd42a143d0f8566a6227f5767fcbb8c5fd611b776126d4252ee99" alt="Imagem Postada" />

//_________________________________________________

// agora o css + html

HTML

<div id="menu"> <div id="mlinks"> <ul> <li><a href="home.htm"><img src="imagens/menu_home.png" width="39" height="11" /></a></li> <li><a href="quem.htm"><img src="imagens/menu_quem.png" width="87" height="13" /></a></li> <li><a href="objetivos.htm"><img src="imagens/menu_objetivos.png" width="65" height="15" /></a></li> <li><a href="servicos.htm"><img src="imagens/menu_servicos.png" width="55" height="15" /></a></li> <li><a href="equipe.htm"><img src="imagens/menu_equipe.png" width="46" height="14" /></a></li> <li><a href="prevencao.htm"><img src="imagens/menu_prevencao.png" width="69" height="15" /></a></li> <li><a href="faleconosco.htm"><img src="imagens/menu_fale.png" width="84" height="11" /></a></li> </ul> </div> <div id="data"> <p> <script> var now = new Date(); var day = now.getDate(); var month = now.getMonth()+1; var year = now.getFullYear() var theDay = "" + day + "/" + month + "/" + year; document.write(theDay); </script> </p> </div> </div>CSS:

html { height:100% !important; }body,h1,p { margin:0; padding:0; }body { margin:0; text-align:center; background:#FFF6F8 url(../imagens/bg_body.jpg); overflow:auto; }img { border:0; }#menu { height:35px; background:url(../imagens/bg_menu.jpg) repeat-x; }#mlinks { width:780px; margin:0 auto; text-align:left; }#mlinks ul { margin:0; padding:0; list-style:none; }#mlinks ul li { float:left; }#mlinks ul li a { display:block; padding:10px 15px 0 0; }#data { width:136px; height:35px; float:right; background:url(../imagens/bg_data.png) no-repeat top left; font:12px "Trebuchet MS", Verdana; color:#fff; }#data p { padding:6px 0 0 0; }Acho que ja tentei tudo que um mortal do css pode fazer kk .. agora dependo de voces os imortais! Tudo de bom pra voces e espero que me ajudem ...