cercando di semplificare ancora, ho creato questo codice ma non riesco a mettere allineate in basso le scritte...PERCHE'? oltretutto se stringo la pagina mi si sposta tutto il menu...

...
<style>
#menu {
padding:0;
margin:0;
height:2em;
list-style-type:none;
border-left:1px dashed #bbb}
#menu li {
float:left;
margin-left:7px;
width:8em;
height:2em;
border-right:1px dashed #bbb;
text-align:left}

#menu li a:hover {
border:0; /* needed to trigger IE */
color:#bbb;
}

.menu {width:auto; margin:0 2px; border-left:1px dashed #bbb; display:block;float:left}

</style>

</head>

<body>
<ul id="menu">
[*]home[*]soluzioni[*]offerte[*]pacchetto[/list]

</body>
</html>