Como no encontraba la solución(tampoco era lo del ancho pero gracias kahlito) me he olvidado del código y lo he empezado de nuevo de otra manera. Con el siguiente código si se ve igual en Mozilla y explorer(en otros navegadores no lo he probado). Ahora ya tengo la estructura que quería pero la verdd es que sigo picado por saber que está mal en el código de arriba.
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>estructura</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style type="text/css">
#centrada
{
position:absolute;
width: 80%;
color: #333;
top:0;
left:10%;
display: block;
border: 1px solid grey
}
#cabecera
{
border: 1px solid gray;
}
#bordesuperior
{
width: 100%;
margin-bottom: 0px;
border: 1px solid grey;
}
#menu
{
float: right;
width: 30%;
margin: 0;
border: 1px solid grey
}
#content
{
margin-right: 30%;
border: 1px solid gray;
}
#footer
{
clear: both;
margin: 0;
border: 1px solid gray;
}
#bordeinferior
{
width: 100%;
margin-top: 0 px;
border: 1px solid grey
}
</style>
<body>
<div id="centrada">
<div id="cabecera">
<div id="bordesuperior">
</div>
</div>
<div id="menu">
</div>
<div id="content">
</div>
<div id="footer">
<div id="bordeinferior">
</div>
</div>
</div>
</body>