Ciao a tutti,
ho un menu css orizzontale che usa ul,li e i css per il layout.
Il mio problema è che vorrei che le voci di menu troppo lunghe andassero a capo all'interno di ciascun[*]. La cosa funziona in IE6, ma non in firefox.
Questo è il codice, come posso risolvere?
Grazie bye!
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style>
.moduletablemenuhome ul{
font-family:Verdana,Arial,Helvetica;
font-weight:bold;
font-size:12px;
color:#FBB033;
background-color:#05347A;
padding:5px;
padding-top:10px;
list-style-type:none;
margin:0px;
width:500px;
}

.moduletablemenuhome ul li {
	display:inline;
  padding:0px;
  /*border-right:1px solid #FBB033;*/
}

a.mainlevel{
width:50px;
text-align:center;
}
</style>
</head>
<body>
				<table cellpadding="0" cellspacing="0" class="moduletablemenuhome">
				<tr>
			<td>
				<ul id="mainlevel">[*]HOME[*]CHI SIAMO[*]ATTIVITÀ[*]SERVIZI OPERATIVI[*]DOVE TROVARCI[*]LAVORO[*]CONSULENZA[/list]			</td>
		</tr>

		</table>
</body>
</html>