Ah, pues debe ser que en el selector "#content" tienes puesto 450px como height, en lugar de como width:
#content { border: 0pt none ;
margin: 0pt;
padding: 0pt;
height: 450px;
background-color: rgb(0, 153, 0);
}
Y alguna otra cosilla que te apunto:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Web</title>
<style type="text/css">
* { border: 0pt none ;
margin: 0pt;
padding: 0pt;
}
html, body { width: 100%;
height: 100%;
text-align: center;
}
#web {
margin: 0pt auto;
padding: 0pt;
width: 750px;
height: 100%;
position: relative;
text-align: left;
}
#back_left { border: 0pt none ;
margin: 0pt;
padding: 0pt;
height: 20%;
float: left;
background-color: rgb(255, 0, 0);
width: 150px;
}
#back_right { border: 0pt none ;
margin: 0pt;
padding: 0pt;
float: right;
background-color: rgb(255, 0, 0);
height: 20%;
width: 150px;
}
#content { border: 0pt none ;
margin: 0pt;
padding: 0pt;
width: 450px;
background-color: rgb(0, 153, 0);
height: 20%;
float: left;
}
</style>
</head>
<body>
<div id="web">
<div id="back_left"></div>
<div id="back_right"></div>
<div id="content"></div>
</div>
</body>
</html>
Mikel.