Tamaño del contenido

[mblascog]

Buenas,
Tengo la seguiente estructura en la web:

Código HTML:

<div id=pagina>
   <div id="menu"></div>
   <div id="info">
      <div id="titulo"></div>
      <div id="contenido">
         <table>...</table> 
      </div>
   </div>
</div>
 

Y las propiedades CSS son las seguientes:

Código CSS:

#pagina{
   width:100%;
   float:left;
   margin-top:1%;
}
#menu{
   width:20%;
   float:left;
}
#info{
   width:80%;
   float:right;
   height:700px;
   max-height:700px;
   overflow:auto;
}
#titulo{
   margin-left:5%;
   margin-bottom:2%;
   max-width:750px;
   text-align:justify;
}
#contenido{
   margin-left:5%;
   margin-top:2%;
   width:95%;
   max-width:750px;
}
 

En (v. 44.0.2403.155 m), Opera (v. 34.0) y Safari (v. 5.1.7) funciona bien, pero en Firefox (v. 43.0.1) y Internet Explorer (v. 11) la tabla que se encuentra dentro de la capa contenido, cuyo ancho máximo es 750px, la tabla mide 1300px.

Gracias