Hi,
I want to have the menu of the page "progetti" opened not only on roll over, but fixed. How can i modify it?

Thank you and sorry about the text, is my first post and I cannot insert links.


CSS code:

@charset "UTF-8";
/* CSS Document */

html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
font-family:"Delius", cursive;
font-size:36px;
}

#sfondo{
position:absolute;
right:0px;
bottom:0px;
height:650px;
width:270px;
z-index:1;
}

#sfondo-progetti{
position:absolute;
left:230px;
top:320px;
height:80px;
width:160px;
z-index:2;
}

#presentazione {
margin-top:250px;
margin-left:50px;
position:absolute;
z-index:3;
}


div#menu ul{
width:100px;
list-style-type:none;
margin:0px;
float:right;
text-align:right;
}

div#menu li{
margin-top:18px;
float:right;

}

div#menu li ul{
display:none;}

div#menu a{
text-decoration:none;
background-color:transparent;
color: #333;
float:right;
}

div#menu a:hover{
color:#936;
text-decoration:none;
}


#menu li:hover ul{
display:block;
background:none;
font-size:15pt;
line-height:13px;
float:right;
}


#container {
background:none;
max-width:600px;
margin:0 auto;
padding: 20px;
margin-top:100px;
margin-left:480px;
position:absolute;
z-index:4;
}

#griglia {
padding: 0;
margin: 0;
}

#griglia > li {
border: 2px solid #666;
display: inline-block;
width: 160px;
height: 160px;
margin: 10px;
background-color: #abe2ff;
}




HTML Code:

<body>

<img src="imm/progetti.png" alt="" align="bottom" id="sfondo" />

<img src="imm/viola.png" align="left" id="sfondo-progetti" />

<div id="presentazione">
<div id="nome">
<a href="home.html">
<img src="imm/firma.png" />
</a>
</div>

<div id="menu">
<ul>
<li><a href="progetti.html">progetti</a>
<ul id="tendina">
<li><a href="#">amsterdam</a></li>
<li><a href="#">marvis</a></li>
<li><a href="#">giulia</a></li>
<li><a href="#">paesaggi</a></li>
<li><a href="#">ritratti</a></li>
<li><a href="#">linea 5.1</a></li>
<li><a href="#">nikonudo</a></li>
<li><a href="#">still life</a></li>
<li><a href="#">la cipolla</a></li>
</ul>
</li>
<li><a href="biografia.html">biografia</a></li>
<li><a href="contatti.html">contatti</a></li>
</ul>
</div>
</div>


<div id="container">
<ul id="griglia">
<li><a href="html-amsterdam"><img src="prog/amsterdam/copertina.jpg"/></a></li>
<li><a href="css-linea21"><img src="prog/fiori d'arancio/copertina.jpg"/></a></li>
<li><a href="css-linea31"><img src="prog/giulia/copertina.jpg"/></a></li>
<li><a href="css-linea41"><img src="prog/linea5.1/copertina.jpg"/></a></li>
<li><a href="css-linea51"><img src="prog/nikonudo/copertina.jpg"/></a></li>
<li><a href="css-linea61"><img src="prog/paesaggi/copertina.jpg"/></a></li>
<li><a href="css-linea71"><img src="prog/ritratti/copertina.jpg"/></a></li>
<li><a href="css-linea81"><img src="prog/still life/copertina.jpg"/></a></li>
<li><a href="css-linea91"><img src="PROGETTI/linea5.1/copertina.png"/></a></li>
</ul>
</div>

</body>
</html>