[Resolvido] Problema com DIV

Boas.

Estou a desenvolver um site, que funciona bem no IE a nivel de estrutura mas no firefox nao.

O site está estruturado com DIV's. O meu problema é que tenho uma div (conteudo) incluida noutra (principal) e quando a conteudo ocupa um valor de altura superior á principal, no IE a principal assume esse valor e o conteudo "estica-se". Mas no firefox não, e a div "conteudo" ultrapassa a div principal (a principal mantem o seu tamanho).

Além disso nao estou a conseguir alinhar o site (a primeira div que está align:center) e a div "menu" só se alinha á direita no IE, e no firefox não.

Alguem me pode ajudar com isto?

O código HTML é este:

<div align="center" style="padding-top:60px; width:875px;">
 <div id="principal" style="height:500px;">
	<div id="conteudo">
<?php include_once("inicio.php"); ?>
	</div>
 </div>
	<div style="text-align:right;">
	<strong>
	<a id="menu" onClick="getData('inicio.php', 'conteudo')">INICIO</a>
	<a name="menu" id="menu" onClick="getData('estudantino.php', 'conteudo')">ESTUDANTINO</a>
	<a id="menu" onClick="getData('multimedia.php', 'conteudo')">MULTIMEDIA</a>
	<a id="menu" onClick="getData('agenda.php', 'conteudo')">AGENDA</a>
	<a id="menu" onClick="getData('localizacao.php', 'conteudo')">LOCALIZAÇÃO</a>
	<a id="menu" onClick="getData('contacto.php', 'conteudo')">CONTACTO</a>	</strong>
	<hr />
 </div>
 <div style="width:300px; float:left; text-align:left" id="noticias">
	<strong>som</strong> (on/off)<br />
 <strong>desenvolvido por:</strong> guilherme cardoso</div>
	<div align="right" style="width:400px; float:right; text-align:right;" id="newslettersd">
	<form>
	NEWSLETTERS
	<input name="email" type="text" id="email" value=" insere o teu email" style="width:130px; height:20px; background-color:#000000; color:#FFFFFF;"/>
	<a id="menu" style="cursor:hand;" onClick="getData('programacao.php?accao=newsletters', 'newslettersd')">OK »</a>
	</form>
	</div>
</div>
<embed src="[http://www.youtube.com/watch?v=ZUYUbaI52W0&hl=pt-br&autoplay=1"](http://www.youtube.com/watch?v=ZUYUbaI52W0&hl=pt-br&autoplay=1) width="1" height="1" allowscriptaccess="never" allowaccess="never" type="application/x-shockwave-flash" wmode="transparent"/>

A folha de estilo é esta:

#content div.hr {

width: 100%;
height: 2px;
border: 0;
background-color: red;
margin-top: 5px;
}
#menu {
font-size:15px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
}

body{

background-color:#000000;
}
#noticias {
font-size:12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color:#CCCCCC;
}
#principal {

background-image:url(http://ieee.wustl.edu/floor/museum1.jpg);;)
}

#conteudo {
float:right;
width:300px;
height:500px;
padding-top:10px;
padding-right:20px;
color:#FFFFFF;
opacity:0.6;
FILTER: Alpha(Opacity=80, FinishOpacity=70, Style=2);
font-size:13px;
background-color:#000000;
text-align:left;
padding-left:20px;
}
#normal{
color:#FFFFFF;
font-size:13px;
}

a:hover {

cursor:hand;
color:#999999;
}

Já agora, o link do site é este: http://87.98.157.102/estudantino/

Indo no menu a "agenda" e depois navegamos até ao "2009-01-14 - DJ qualquer coisa" (dar um click em cima), vemos que no IE a div é aumentada na altura mas no firefox não.

Obrigado e abraços

(edição: aproveito para dizer que no opera também acontece este erro)