<style type="text/css">    
    /* =-=-=-=-=-=-=-[Menu One]-=-=-=-=-=-=-=- */    
        
    #menu {    
    width: 200px;    
    border-style: solid solid none solid;    
    border-color: #94AA74;    
    border-size: 1px;    
    border-width: 1px;    
    margin: 10px;    
    }    
        
    #menu li a {    
    height: 32px;    
    voice-family: "\"}\"";    
    voice-family: inherit;    
    height: 24px;    
    text-decoration: none;    
    }    
        
    #menu li a:link, #menu li a:visited {    
    color: #5E7830;    
    display: block;    
    background: url(images/menu1.gif);    
    padding: 8px 0 0 10px;    
    }    
        
    #menu li a:hover {    
    color: #26370A;    
    background: url(images/menu1.gif) 0 -32px;    
    padding: 8px 0 0 10px;    
    }    
        
    #menu li a:active {    
    color: #26370A;    
    background: url(images/menu1.gif) 0 -64px;    
    padding: 8px 0 0 10px;    
    }    
        
    /* =-=-=-=-=-=-=-[Menu Two]-=-=-=-=-=-=-=- */    
        
    #menu2 {    
    width: 200px;    
    border-style: solid solid none solid;    
    border-color: #677D92;    
    border-size: 1px;    
    border-width: 1px;    
    margin: 10px;    
    }    
        
    #menu2 li a {    
    height: 32px;    
    voice-family: "\"}\"";    
    voice-family: inherit;    
    height: 24px;    
    text-decoration: none;    
    }    
        
    #menu2 li a:link, #menu2 li a:visited {    
    color: #fff;    
    display: block;    
    background: url(images/menu2.gif);    
    padding: 8px 0 0 10px;    
    }    
        
    #menu2 li a:hover {    
    color: #283A50;    
    background: url(images/menu2.gif) 0 -32px;    
    padding: 8px 0 0 10px;    
    }    
        
    #menu2 li a:active {    
    color: #283A50;    
    background: url(images/menu2.gif) 0 -64px;    
    padding: 8px 0 0 10px;    
    }    
        
    /* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */    
        
    #menu3 {    
    width: 200px;    
    border: 1px solid #ccc;    
    margin: 10px;    
    }    
        
    #menu3 li a {    
    height: 32px;    
    voice-family: "\"}\"";    
    voice-family: inherit;    
    height: 24px;    
    text-decoration: none;    
    }    
        
    #menu3 li a:link, #menu3 li a:visited {    
    color: #888;    
    display: block;    
    background: url(images/menu3.gif);    
    padding: 8px 0 0 30px;    
    }    
        
    #menu3 li a:hover, #menu3 li a:active {    
    color: #283A50;    
    background: url(images/menu3.gif) 0 -32px;    
    padding: 8px 0 0 30px;    
    }    
        

..... так же прописываем остальные меню до девятого.....
     
    </style>    

    </div>    
    <div id="firstcol">    
    <div id="menu">    
    <ul>    
    <li><a href="#1" title="Главная">Главная</a></li>    
    <li><a href="#2" title="О проекте">О проекте</a></li>    
    <li><a href="#3" title="Наш сервис">Наш сервис</a></li>    
    <li><a href="#4" title="Портфолио">Портфолио</a></li>    
    <li><a href="#5" title="Магазин">Магазин</a></li>    
    <li><a href="#5" title="Download">Контакты</a></li>    
    </ul>    
    </div>    
        
    <div id="menu2">    
    <ul>    
    <li><a href="#1" title="Главная">Главная</a></li>    
    <li><a href="#2" title="О проекте">О проекте</a></li>    
    <li><a href="#3" title="Наш сервис">Наш сервис</a></li>    
    <li><a href="#4" title="Портфолио">Портфолио</a></li>    
    <li><a href="#5" title="Магазин">Магазин</a></li>    
    <li><a href="#5" title="Download">Контакты</a></li>    
    </ul>    
    </div>    
        
    <div id="menu3">    
    <ul>    

.........то же самое с поправкой на номер примера меню.........

    </ul>    
    </div>    
    </div>    
    </div>