2 colonne con 2 menu fissi

[pettedemon]

ciao a tutti,
sto cercando di crearmi base per realizzare un sito.
Dovrebbe essere di 2 colonne.
nella prima ci dovrebbe essere un menu in alto e un menu in basso che dovrebbero star fermi allo scroll(fixed) mentre la colonna di destra avrà altrezza variabile e il contenuto dovrà scrollare.
Funziona tutto ma ho un dubbio.
Vi incollo il codice

body{
    background-color: teal;
    padding: 0;
    margin: 0;
}

#contenitore{
    width: 820px;
    margin: auto auto auto 50px;
}

#menu{
    float: left;
    width: 200px;
    height: 10px;
    background-color: yellow;
}

#contenuto{
    float: left;
    width: 600px;
    margin-left: 20px;
    background-color: black;
    color: white;
}

#menu_alto{
position: fixed;
    width: 200px;
    background-color: maroon;
    color: red;
    top: 20px;
}

#menu_basso{
    position: fixed;
    bottom: 0px;
    width: 200px;
    background-color: darkblue;
    color: white;
} 

Nel #menu ho dovuto settare un'altezza seppur minima altrimenti #contenuto non manteneva la distanza. Ho provato a settare height:auto oppure height:100% ma funziona solo se setto almeno una piccola altezza. E' giusto o sbaglio io qualcosa?
Grazie!!

[pettedemon]

Vorrei praticamente evitare l'effetto che se stringo il browser la parte di destra passa sotto alla parte di sinistra.. provocando uno spiacevole effetto...
E quindi fixed solo in verticale ma non orizzontale