allora ora riassumo tutto, perchè sto impazzendo:

leggendo varie guide ho capito il layout di cui ho bisogno.
allora container con un bordo solido di 2px, header di 80px dentro al container, sempre dentro al container navigatore allineato subito sotto l'header con un menu tipo lista, sempre dentro al container un div content a cui come background assegnero un pattern.

il codice che sin'ora sono riuscito a sciver è questo:

div#header{width:100%;height: 100px;border:2px solid #354D69;background-color:#354D69;color: #354D69}
h1,h2{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{color: #69f;font-size: 1.5em}
div#footer a{color:#fff;font-weight: bold;text-decoration: underline}

body{background: #99AAAA url(gradient.jpg) fixed repeat-x bottom;text-align:center}
div#container{width:70%;margin: 6 auto;border:2px solid #354D69;background:#C6DBE6;}

fino a qua va tutto bene!
il problema sorge nel momento in cui vado ad inserire il navigatore oriziontale!

perchè se scrivo del testo nel container principale il testo mi parte da vicino l'ultimo item della lista!

ho provato a scrivergli questo:

div#navigation ul{list-style-type: none;margin: 2px solid #354D69 ;padding: 0}
div#navigation li{float: left;margin: 0 3px 0 0;padding:top}
div#navigation a{display: block;width: 120px;line-height: 30px;
text-decoration: none; border: 1px solid #666;
background:#333;
font-variant: small-caps;text-indent: 27px}
div#content{width:100%;padding: 1em;background: #fff (pattern.jpg)}
p{font:100.01% arial,sans-serif;line-height: 25em}

ma proprio non so come fargli capire a sto benedetto browser che il testo non deve incominciare affianco al menu orizontale!

oltretutto se gli scrivo questo mi esce un obrobrio.

il layout che vorrei ottenere è semplicissimo, qualcuno mi puòconsigliare una guida?