Problemas con CSS y Firefox

Hola a todos, estoy intentando maquetar una página muy senci lla con CSS pero tengo problemas con Firefox y Explorer 6 (no con el 7...) a la hora de centrarla en el navegador, el caso es que tengo un DIV contenedor con un borde y el problema es que el resto de DIV que están contenidos en éste quedan fuera y no lo "arrastran" hacia abajo, les dejo los códigos HTML y CSS a ver si alguien pudiera darme una explicación o si le pasa lo mismo... En el código original tengo los id bien puestos, pero como aquí parece que no deja ponerlos pues los he colocado fuera de las etiquetas (espero no incumplir las normas del foro).

Muchísimas gracias por adelantado. Un saludo!!

Código HTML:
<code>
&lt;DOCTYPE&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta&gt;
&lt;title&gt;Tutoriales :: INICIO ::&lt;/title&gt;
&lt;link&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;DIV&gt;#contenedor

&lt;DIV&gt;#contenedor_interior

&lt;DIV&gt;&lt;/DIV&gt;# cabecera

&lt;DIV&gt;#migas Est&amp;aacute;s en Inicio&lt;/DIV&gt;

&lt;DIV&gt;#cuerpo

&lt;DIV&gt;#menu

&lt;UL&gt;
&lt;LI&gt;&lt;span class="opcionActiva" title="Enlace a Inicio"&gt;Inicio&lt;/span&gt;&lt;/LI&gt;
&lt;LI&gt;&lt;a href="tutoriales.html" title="Enlace a Tutoriales"&gt;Tutoriales&lt;/a&gt;&lt;/LI&gt;
&lt;LI&gt;&lt;a href="enlaces.html" title="Enlaces"&gt;Enlaces&lt;/a&gt;&lt;/LI&gt;
&lt;LI&gt;&lt;a href="afiliados.html" title="Afíliate enviando tu banner"&gt;Afiliados&lt;/a&gt;&lt;/LI&gt;
&lt;LI&gt;&lt;a href="contacto.html" title="Contacta con nosotros"&gt;Contacto&lt;/a&gt;&lt;/LI&gt;
&lt;LI&gt;&lt;a href="colabora.html" title="¡Envíanos tus tutoriales!"&gt;Colabora&lt;/a&gt;&lt;/LI&gt;
&lt;LI&gt;&lt;a href="publicidad.html"&gt;Publicidad&lt;/a&gt;&lt;/LI&gt;
&lt;/UL&gt;
&lt;/DIV&gt;

&lt;DIV&gt;#contenido

&lt;H1&gt;Inicio&lt;/H1&gt;
Bienvenido a esta web de tutoriales , desde aqu&amp;iacute; se pretende introducir al conocimiento de Photoshop y su entorno. Desde el men&amp;uacute; lateral podr&amp;aacute;s acceder a las distintas secciones de esta web y, como no, a los tutoriales que se ir&amp;aacute;n a&amp;ntilde;adiendo en funci&amp;oacute;n de la disponibilidad de &amp;eacute;stos.
&lt;P&gt;Otro parrafo por redactar&lt;/p&gt;
&lt;/DIV&gt;
&lt;/DIV&gt;
&lt;/DIV&gt;
&lt;/DIV&gt;

&lt;/body&gt;
&lt;/html&gt;

Código CSS:

BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
text-align: center;
}

#contenedor {
background-image: url(../imgs/img_fondo_contenedor.gif);
background-repeat: no-repeat;
width: 640px;
border: #666666 1px solid;
margin: 0 auto 0 auto;
position: relative;
}

#contenedor_interior{
position: relative;
}

#cabecera {
background-image: url(../imgs/img_cabecera.gif);
background-repeat: no-repeat;
height: 119px;
position: relative;
}

#migas {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
color: #666666;
margin-top: 35px;
margin-bottom: 10px;
margin-left: 15px;
position: relative;
}

#migas A {
color: #CC0000;
position: relative;
}

#migas A:HOVER {
color: #FFFFFF;
background-color: #CC0000;
position: relative;
}

#cuerpo {
position: relative;
}

#menu {
text-align: left;
font-size: 85%;
position: relative;
float: left;
width: 25%;
}

#menu A {
color:#333333;
}

#menu A:HOVER {
color: #FFFFFF;
border: #DAC77C 1px solid;
background-color: #990000;
}

.opcionActiva {
color: #FFFFFF;
background-color:#990000;
border: #DAC77C 1px solid;
}

#contenido {
text-align: justify;
font-size: 90%;
color:#666666;
position: relative;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
float: left;
width: 70%;
}

#contenido A:HOVER {
text-decoration: underline;
}

.advertencia {
color: #000000;
background-color: #FFFF99;
}

UL {
list-style: url(../imgs/img_dot.gif);
line-height: 25px;
}

A {
color: #993300;
text-decoration: none;
}

H1 {
color: #990000;
text-align: left;</code>