Ecco fatto:
<script>
function toggleList (fs){
choices = fs.getElementsByTagName("div").item(0);
if (choices.className == 'fsHiddenChoices'){
choices.className = 'fsShownChoices';
}
else {
choices.className = 'fsHiddenChoices';
}
}
</script>
<style>
.fsCurrent {
display:block;
border: 2px solid #836E5D;
width:157px;
cursor: hand;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: center;
background-color: #BBAB9C;
}
.fsHiddenChoices {
display:none;
}
.fsShownChoices {
position:absolute;
width:157px;
height:245px;
cursor: hand;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background-color: #A89382;
border-top: 0px solid #947D6B;
border-right: 2px solid #947D6B;
border-bottom: 2px solid #947D6B;
border-left: 2px solid #947D6B;
}
.fsShownChoices a{
display:block;
}
</style>
<body bgcolor="#9F8574">
<div id="centro" style="position:absolute; left:270px; width:157px; height:245px; top:117px; z-index:2; visibility: visible; border: 1px none #000000;">
<div class="fauxSelect">
<a class="fsCurrent" onClick="javascript:toggleList(this.parentNode);ev ent.cancelBubble=true;"> ELEMENTI SINGOLI </a>
<div class="fsHiddenChoices">
<table width="148" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td height="5"></td></tr>
<tr>
<td valign="middle">
<div style="width:148px; height:245px; overflow:auto">
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
campi
</div>
</td>
</tr>
<tr><td height="5"></td></tr>
</table>
</div>
</div>
</div>