Foros Club Delphi - Espacio entre divs en Firefox e IE

Buenas. Tengo el dilemita de que me queda un espacio en blanco entre el contenido y el pie y no lo puedo acomodar. Copio el código html y css.

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head><title>Contacto</title>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
</head>

<body>

        <div id="encabezado">
        </div>
        <div id="contenedor">
<div id="menu">
</div>
        <h2 class="xlargo">Blablabla</h2>
                <div id="contenido">
                </div>
        </div>
                <div id="pie">
                        <div id="espacio"></div>
                        <p id="miMail">Desarrollado por <a href="mailto:jhkjhkjh" >Blabla</a></p>
                </div>

        </body>

</html>

El código CSS es el siguiente:

Código:

body {font-family:Trebuchet MS, sans-serif; margin: 0px;  width: 1024px;}



#encabezado{width: 930px; height: 139px; margin-left:40px;}



/*MENU*/

#menu{ height: 46px; background-color: #172322; width: 930px; }



#contenedor{margin-left: 40px; width: 930px; background-color: rgb(156,208,228); min-height: 100%;}



#contenido{height:100%;         margin-bottom:0px;}



/*PIE*/

#pie{margin-left: 40px;text-align: center; background: black; height: 70px; color: white; width: 930px; clear: both;}





#espacio{height: 12px;  position: relative;}

En fin, el contenido es estático, y tanto en Firefox como en IE me queda un espacio en blanco arriba del la capa "pie". No se si el problema es la capa "contenido" o la "contenedor". En chrome lo arreglé poniendo a la capa contenido un height: 100%. Pero en los demás no funcionó. Cuando la información es dinámica, no tengo problemas en ningún navegador. Así que no se que puede ser.

Espero un centro. Gracias!