CSS Div mit fixer Breite, nichts soll darüber hinausragen.

[Potassium]

Ich hab ein Div und darin einige <ul>s die verschachtelt sind.
Jede <ul> wird ein stückerl weiter eingerückt und ich will verhindern, dass die Schrift über die Breite vom Div hinausgeht. Der Text soll zwangsumgebrochen werden dafür.

Vorschläge wie das zu verwirklichen wäre?

BSP Code

<div class="menu">
	<ul id="nav"><li><a href="index.php?lid=4">Was soll das?</a><ul id="level2">

<li class="submenu"><a href="index.php?lid=5">test</a><ul id="level2">

<li class="submenu"><a href="index.php?lid=6">foobar</a><ul id="level2">

<li class="submenu"><a href="index.php?lid=7">raboof</a><ul id="level2">

<li class="submenu"><a href="index.php?lid=8"><span class="activemenu">Downloads &amp; Sammlung</span></a></li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</li>
<li><a href="index.php?lid=1">Home</a></li>
<li><a href="search.php?lid=2">Suche</a></li>
<li><a href="./admin?lid=3">Login</a></li>
</ul><br />
</div>