Allora... giocando con i CSS ho im parte risolto il problema grazie a:

position:absolute;
left:12%;
top:16.5%;

inserito nella classe .menu-tendina-verticale, ora il problema rimane sulla gestione delle sottovoci, infatti ho modificato leggermente il codice nella pagina html in questo modo:

<div class="menu-tendina-verticale">
<ul>[*]
Sezione 3
<ul id="s-m3" onclick="mostra(m3.id);return false">[*]Voce Menu 1.1
[*]Voce Menu 1.2
[*]Voce Menu 1.3[/list]
[/list]
</div>

Il problema è che non riesco a trovare l'associazione di eventi mouse in grado di gestire correttamente il menù, infatti in questo modo se vado sulla voce principale si vedono le sottovoci (che vanno "sopra" la grafica ora) e posso anche scorrerle, ma se esco con il mouse dalle sottovoci queste restano tirate giù, mentre se torno con il mouse sulla voce principale si chiude regolarmente... insomma devo trovare la "combinazione esatta" per gli eventi del mouse!!!
Ciao e grazie per l'aiuto
Fabio