Ho un broblema con il lyout di questa pagina:
http://www.powerbyte.altervista.org/...inadiprova.htm

Il box verde che contiene tutti gli altri dovrebbe automaticamente ridimensionarsi in altezza. Lo fa perfettamente con IE, ma non con firefox.

Ecco il codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>

body{
font-family: helvetica;
}

#box {
text-align:left;
width:700px;
margin:0 auto 0 auto; padding:0;
background-color: green;
padding: 2px;
border: solid 1px;
height: 100%;
}
#header {
margin:0; padding:0;
text-align: center;
margin-bottom: 2px;
border: solid 1px;
}
#menusx {
position: relative;
display:block;
float:left;
width:100px;
height: 300px;
background-color: yellow;
border: solid 1px;
border-style: dashed;
paddind: 5px;
}
#menuup {
position:relative;
float:right;
width:593px;
margin:0;
height: 30px;
background-color: orange;
border: solid 1px;
margin-bottom: 2px;
}
#content {
position: relative;
float:right;
width: 593px;
margin:0;
height: 100%;
border: solid 1px;
background-color:blue;
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div align = "center">
<div id = "box">
div id = "header"><font size = 82>Titolo</font></div>
<div id = "menusx">testo menu

non funziona il padding...</div>
<div id = "menuup">Contenitore dei links</div>
<div id = "content">
Contenuto
di prova</div>
</div>
</div>
</body>
</html>

Dove sta il problema?