CSS - help!

Assuntos Gerais
#1

Olá gente,

curiosamente eu nunca tive problema em alinhar DIV’s com o firefox 2,
mas agora no firefox 3 não tenho conseguido de jeito nenhum. vou postar
meu html e minha folha de estilo para quem puder dar uma idéia. Desde já agradeço.

HTML

...
<body>
	<div id="base">
		<div id="top">
			<div id="header">
				Aqui entra o logotipo da empresa.
			</div>
			<div id="barraMenu">
				<div id="menu">
					<ul>
				      <li><a >Home</a></li>
					</ul>
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
		&lt;div id="bottom"&gt;
			&lt;div id="lateral"&gt;
				&lt;div id="menuLateral"&gt;
					<ul>
				      <li><a >Todos</a></li>
					</ul>
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;div id="principal"&gt;
				&lt;div id="corpo"&gt;
					&lt;h1&gt;
						Selecione uma sub-opção.
					&lt;/h1&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/body&gt;
...

CSS

#base{
background-color:#ff0000;

border:0px;
margin: 0px;
padding: 0px;
height:569px;
width:985px;
}	

#top{
background-color:#ffcccc;	

display:block;
height:15%;
width:80%;
border:none;
margin:0px;
}
#bottom{
background-color:#ffaaaa;

display:block;
height:85%;
width:80%;
border:none;
margin:0px;
}
#2