ho trovato questo menu e l'ho messo in tutte le pagine che mi servivano
codice:
<html>
<head>
<style type="text/css">
div#MENU
{
    background-color: #EEEEEE;
    width: 150px;
    padding: 5px;
    border: Solid 1px #CCCCCC;
}
div.TITOLO
{
    position: Relative;
    background-color: #FFFFCC;
    font: Bold 10px Verdana;
    margin-bottom: 5px;
    padding: 5px;
    border: Solid 1px #CCCCCC;
    cursor: Pointer;
}
span.VOCI
{
    display: None;
    font-family: Verdana;
    font-size: 10px;
}
</style>
<script language="javascript">
function Menu(id)
{
    var e = document.getElementById(id);
    var a = document.getElementById("MENU").getElementsByTagName("span");
    if (e.style.display != "Block")
    {
        for (var i=0; i<a.length; i++)
        {
            if (a[i].className == "VOCI")
            {
                a[i].style.display = "None";
            }
        }
        e.style.display = "Block";
    }
    else
    {
        e.style.display = "None";
    }
}
</script>
</head>
<body>
<div id="MENU">
    <div class="TITOLO" onclick="Menu('A')">Menu A</div>
    <span class="VOCI" id="A">
        :: Voce A 1

        :: Voce A 2

        :: Voce A 3

    </span>
    <div class="TITOLO" onclick="Menu('B')">Menu B</div>
    <span class="VOCI" id="B">
        :: Voce B 1

        :: Voce B 2

        :: Voce B 3

    </span>
</div>
</body>
</html>
come faccio a tenere esteso il "Menu A" se entro per esempio nella pagina "Voce A 1"?