questo è l'indirizzo del mio sito : http://80.180.57.95/progetto/

più che altro è solo il layout, ma ho dei problemi con i css,
il layout pensato da me dovrebbe essere qualcosa del genere:

1 - Contenitore
1.1 - Logo
1.2 - menu
1.3 - contenuti
2 - powered by

1) come faccio a centrare il menu ?
2) se modifico la grandezza della pagina (rimpicciolisco il browser) tutto perde il suo ordine, come evitare ?
3) se vedete qualcos'altro che non va e/o cosigli dite pure !!!

codice html:

<div id="contenitore">
<div id="logo">

</div>

<div id="menu">

<p id="pmenu">
</p>

</div>

<div id="contenuti">

</div>


</div>

<div id="powered">

</div>




file css:


/* Layout pagine */
html,body {
margin : 0;
padding : 0;
background-color : #C0C0C0;
}


#contenitore {
margin-top : 5%;
margin-right : 10%;
margin-left : 10%;
width : 700px;
height : 80%;
background-color : white;
border : 1px solid black;

}

#logo {

margin : 0%;
width : 100%;
height : 20%;
background-color : #CCC;


}

#menu {

margin : 0%;
width : 100%;
height : 20px;
background-color : blue;

}

#contenuti {
margin : 0%;
width : 100%;
height : 76%;
background-color : red;

}

#powered {
margin-top : 2%;
margin-bottom : 5%;
margin-right : 10%;
margin-left : 10%;
width : 700px;
height : 10%;
background-color : white;
border : 1px solid black;
}

div#powered img {
position : relative;
top : 10px;
left : 30px;}

/* Stile testo */

#pmenu {
font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
color : white;
font-weight : 900;
font-size : 10px;
margin : 0px;
letter-spacing: 2px;
}