Menu verticale fisso

[mlolcu]

Buongiorno,
stò cercando di realizzare un menu verticale.
Il menu dovrebbe restare in posizione anche se si ridimensiona la pagina (più stretta)

Potreste darmi qualche indicazione per favore? Ho cercato tutti i tutorial relativi a menu verticali, ma senza trovare la soluzione.
Grazie infinite!

    <div id="menu">
        <div>
            <ul>
                <li><a class="active" href="#">Home</a></li>
                <li><a href="ChiSiamo.htm">About</a></li>
                <li><a href="Archivio.htm">Archivio</a></li>
                <li><a href="Contatti.htm">Contatti</a></li>
            </ul>
        </div>
    </div>

e il codice CSS:

#menu div{;
    width:100px;
    float:left;
    display:inline;
    position:fixed;
    top:0;
    left:0;
}

#menu ul{
    font-family: Verdana, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

[mlolcu]

Aggiungo che se restringo la finestra del browser il menu si sovrappone al contenuto della pagina.
Inoltre se tolgo il DIV interno al DIV "menu" il menu perde il colore di sfondo e la propietà fixed, inoltre tutto il testo della pagina slitta sotto al menu.

Quì il codice Html della pagina:

<div class="container">
    <div id="menu">
        <div>    
            <ul>
                <li><a class="active" href="#">Home</a></li>
                <li><a href="ChiSiamo.htm">About</a></li>
                <li><a href="Archivio.htm">Archivio</a></li>
                <li><a href="Contatti.htm">Contatti</a></li>
            </ul>
        </div>
    </div>

    
    <div class="content" align="justify">
        <p>testo..... </p>   
    </div>
</div>

quì il resto del CSS:

html, body{
    width:100%;
    height: 100%;
    background-color:transparent;
    color:rgb(0,0,0);
    overflow:hidden;
}

.container{
    width:100%;
    height: 100%;
    position:relative;
    top:0;
    left:0;
    z-index:1;
    overflow:auto;
}

.content{
    margin: 0 auto; 
    width: 964px;
    overflow:auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 100px;
    border-left: 0;
    border-right: 0;
    font: 10px Verdana, Arial;
    background: rgba(255,255,255,0.25) ;
    text-aling: left;
}