Menù dinamico

<!--Onsitus.it - menu css
       Codice di base prelevato da http://css.flepstudio.org/css-menu/
       
<style type="text/css">
#css-menu{
width:220px;
margin:auto;
margin-top:50px;
font-family:Arial;
background-color:#E2DEC5;
border-bottom:5px solid #AF2E33;
}
#css-menu p{
height:40px;
line-height:70px;
padding-left:10px;
font-weight:bold;
color:#4E321C;
font-size:13px;
background:url(http://i29.tinypic.com/2m7jltg.jpg) no-repeat top;
}
#css-menu span{
color:#AF2E33;
}
#css-menu a{
display:block;
height:25px;
text-align:right;
line-height:25px;
text-decoration:none;
font-size:11px;
font-weight:bold;
color:#4E321C;
padding-right:50px;
border-top:1px solid #B6A289;
background:url(http://i31.tinypic.com/2jl37.jpg) no-repeat top right;
}
#css-menu a:hover{
background-color:#D4CCB3;
background-position:center right;
padding-right:40px;
}
#css-menu a.selezionato{
background-color:#D4CCB3;
background-position:bottom right;
padding-right:40px;
}
</style>

<div id="css-menu">
<p class="title"><span>M</span>AIN <span>M</span>ENU</p>
<a href=""><span>H</span>OME</a>
<a href="http://css.flepstudio.org/css3"><span>C</span>SS3</a>
<a href="http://css.flepstudio.org/box-model"><span>C</span>SS <span>B</span>OX <span>M</span>ODEL</a>
<a href="http://css.flepstudio.org/css-tutorials"><span>C</span>SS <span>T</span>UTORIALS</a>
<a href="http://css.flepstudio.org/css-proprieta"><span>C</span>SS <span>P</span>ROPRIETA</a>
<a href="http://css.flepstudio.org/css-menu"><span>C</span>SS <span>M</span>ENU</a>
<a href="http://css.flepstudio.org/css-templates"><span>C</span>SS <span>T</span>EMPLATES</a>
<a href="http://css.flepstudio.org/css-tips"><span>C</span>SS <span>T</span>IPS</a>
<a href="http://www.flepstudio.org/forum/css-html/"><span>C</span>SS <span>F</span>ORUM</a>
</div>