Ciao,
non ho mai usato fireworks ma se ti può essere utile ti posto il codice del menu verticale a tendina che uso di solito. Il layout è molto scarno ma lavorando sul css di possono fare dei bei menù.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>MENU VERTICALE A TENDINA</title>
<style>
div#menulat {
margin: 0px;
padding: 0px;
border: 0px none #000000;
width: 180px;
}
div#menulat ul {
margin: 0px;
padding: 0px;
border: 0px none #000000;
}
div#menulat li {
margin: 0px;
padding: 0px;
border: 0px none #000000;
list-style-type: none;
position: relative;
}
div#menulat a {
display: block;
text-decoration: none;
background-color:#99CC33;
width: 174px;
margin: 0px;
padding: 3px;
}
div#menulat a:hover {
background-color: #999933;
}
div#menulat div.spot {
display: none;
position: absolute;
top: 0px;
left: 180px;
margin: 0px;
padding: 0px;
border: 0px none #000000;
width: 180px;
}
div#menulat div.cont {
position: relative;
width: 180px;
}
</style>
<script type="text/javascript">
function visualizza(i) {
document.getElementById(i).style.display="block";
}

function nascondi(i) {
document.getElementById(i).style.display="none";
}
</script>
</head>
<body>

<div id="menulat"><ul>[*]<div class="cont" onmouseover="visualizza('ciccio');" onmouseout="nascondi('ciccio');">ciccio<div id="ciccio" class="spot"><ul>[*]ciccio1.1[*]<div class="cont" onmouseover="visualizza('ciccio12');" onmouseout="nascondi('ciccio12');">ciccio1.2<div id="ciccio12" class="spot"><ul>[*]ciccio1.2.1[*]ciccio1.2.2[/list]</div></div>[/list]</div></div>[*]ciccio2[/list]</div>

</body>
</html>

Per non avere problemi con IE, il codice HTML del menù (da DIV a DIV per capirci) deve stare tutto in una riga.

Ciao
Akito