Usando Float en Firefox me lo saca del contenedor principal

[cubic]

Y tengo el sieguiente problema con Internet explorer ien pero con Firefox la capa principal Web se hace más grande del 10% de la pantalla deformando la web hacia abajo y dejando un espacio mínimo para el pie un espacio en blanco entre contenido y pie:

HTML:

Código HTML:

<div id="web">
    <div id="menu">
       AAAA
    </div>
    <div id ="content">
       BBB
    </div>
    <div id="foot">
        CCC
    </div>
</div> 

CSS:

Código:

#web {
	display: table;
	height: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#header {
	height: auto;
	width: 100%;
	overflow: auto;
}
#menu {
	float: left;
	height: 75%;
	width: 20%;
	overflow: auto;
	background-color: #C0C0C0;
}
#content {
	float: right;
	height: 75%;
	width: 80%;
	overflow: auto;
}
#foot {
	clear: both;
	height: auto;
	width: 100%;
	overflow: auto;
	border-top: 10px;
	border-top-color: #009999;
	border-top-style: solid;
}