Lo edito todo el post:
Todo tu código se reduce a esto:
Código:
#tablaprincipal {
position:relative;
background-color:#FFFFFF;
width:770px;
margin: 0 auto;
}
#menu {
width:100%;
}
#lateral {
float:left;
width:25%;
}
#contenido {
float:left;
width:75%;
/margin-right: -1px;/*Internet explorer */
}
#pie {
clear: both;
width:100%;
}
Por último, "heigth: 100%" se usa dentro de una división con tamaño previamente establecido.
Tu HTML
Código HTML:
<body>
<div id="tablaprincipal">
<div id="menu">...</div>
<div id="lateral">...</div>
<div id="contenido">...</div>
<div id="pie">...</div></div>
</body>
Saludos,