salve,

premetto che sono nuovo al mondo css... quindi se dico troppe vaccate scusatemi

allora, sto sistemando il sito personale, e un amico mi ha aiutato con la prima stesura del layout con il css, ma al momento è oberato di lavoro e non voglio stressarlo..

quello che vorrei fare è quello che vedete nell immagine

[/URL]

in pratica il layout è formato da 2 div. sull'immagine a sx il sito si trova nella pagina iniziale, poi quando si clicca nei vari menu (che sono contenuti nel div superiore, il rosso) vorrei che tutto si muovesse nella posizione che vedete nel layout di destra... ovvero il rosso che esca fuori lo schermo visibile in verticale (ma non completamente una 20ina di pixel devono rimanere visibili ) tirandosi dietro il div sotto.

ho provato a modificare il css fatto dal mio amico ma nulla... ho provato a leggere qua,

http://www.w3.org/TR/CSS21/visuren.html#choose-position

ma sono piu confuso di prima... in realtà non mi è nemmeno chiaro se questo movimento è possibile, ho il dubbio che i movimenti possano essere fatti solo da dx a sx o viceversa?

questo è il css se può servire

html,body{
margin: 0;
padding:0;
background-color:#000;
}

#container {

width:100%;
}

#menu {
position:absolute;
top:0;
left:0;
padding-left:10px;
height:131px;
width:892px;
background:#000;
}

#content {
margin-top:131px;
padding-left:10px;
background:#000;
overflow:auto;
height:667px;
}


grazie in anticipo