Ciao,
ho realizzato il seguente sito http://www.webalice.it/fragola81 ma il menù si vede a met;mi sa che ho sbagliatole misure del container ecc... ma non so dove.

HTML

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="it" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
<title>.::Una piccola storia::.</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen">
</head>
<body>
<div id="container">

<div id="header">
</div>
<div id="menu">
  1. <h5>Menù</h5>
  2. Home
  3. Inizio '900

  4. Prima guerra mondiale
  5. Fascismo
  6. Seconda guerra mondiale
  7. Dopoguerra
  8. Credits


</div>
<div id="content">
<h3>Benvenuti</h3>


mi chiamo Silvia e ho realizzato questo piccolo sito in cui ho inserito
una raccolta di foto d'epoca, realizzate tra i primi del '900 e gli anni
immediatamente successivi alla seconda guerra mondiale; queste foto hanno per
protagonisti i miei avi. Sono sempre stata affascinata dalla storia fin da piccola,
quando passavo ore a guardare le vecchie foto e a sentire i racconti dei miei nonni;
vorrei che quello che ho imparato non andasse perduto per sempre, così ho scanerizzato
tutte queste foto e alcuni documenti che ho trovato perchè tutti potessero vederli e vedere
la storia non solo come un'insieme di nozioni da studiare a scuola, ma anche
come la vita di persone reali, che nel loro piccolo hanno attraversato epoche e
avvenimenti.</p>




Buona visita del sito!</p>







<h5>

<h5>Sono severamente vietate la copia e il riutilizzo delle immagini
presenti in questo sito.</p></h5>
</div>
<div id="footer">
</div>
</div>
</body>
</html>

CSS

/*Css Document - Design by PinkBetta*/

body {
font-family:Times New Roman, Verdana;
background-image:url(varieimg/muro.jpg);
background-position:center;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
text-align:center;
}

#container {

width:800px;
height:auto;
margin:0px auto;
text-align:left;
}


h3 {
text-align:center;
font-style:italic;

}

h4 {
text-align:left;
padding:0px 0px;
font-size:15px;
line-height:1px;
font-style:italic;
}

h5 {
text-align:left;
padding:0px 0px;
font-size:16px;
line-height:1px;
font-style:italic;
text-decoration:underline;
}


p {
text-align:justify;

}


#header {
background-image:url(varieimg/header.gif);
width:800px;
height:200px;
background-repeat:no-repeat;
background-position:center;
margin:0px auto;
}

#menu {
background-image:url(varieimg/menu.gif);
width:230px;
height:322px;
float:left;
margin:0px 0px 0px -130px;
}

#menu ol {

list-style-type:none;
margin:40px 0px 0px 10px;
font-weight:bold;

}

#menu ol li {

margin:0px 0px 0px 0px;


}

#menu ol li a{

text-decoration:none;
color:8E0761;
}


#menu a:hover {

text-decoration:none;
color:white;

}

#content {

overflow:auto;
width:600px;
height:auto;
padding:0px 0px 0px 10px;
margin:0px 30px 0px 0px;
background-image:url(varieimg/back.gif);
background-position:center;
background-repeat:repeat-y;

}

#gallery {

text-align:center;

}


#footer {

background-image:url(varieimg/footer.jpg);
background-position:center;
width:610px;
height:30px;
clear:both;
margin:0px auto;

}

Grazie!