Tabelle sprengt CSS <- Es werden keine autmatischen Umbrüche gem

[Andrea]

Danke qx

jsfiddle

so klappt es. Nur wenn ich eine Tabelle in ein LI stecke, sprengt es mein CSS. Ich habe den Fehler auch gefunden. Es handelt sich um die Länge des Inhaltes zwischen

td /td

den es werden keine Umbrüche gemacht...

  
* {  
	margin: 0;  
	padding: 0;  
	border:0;  
	list-style: none;  
}  
  
ul  {  
	vertical-align: top;  
}  
  
ul ul ul {  
	vertical-align: top;  
	display: inline-block;  
}  
  
ul ul li div {  
	width:27%;  
	height: 100px;  
	border: 1px solid #C0C0C0;  
	display: inline-block;  
	margin-right:3%;  
	margin-bottom:20px;  
}  

  
<ul>  
<li>  
	<ul>  
	<li>  
	<div></div>  
		<ul>  
		<li>text</li>  
		<li>text</li>  
		<li>text</li>  
		<li>text</li>  
		<li>  
		<table>  
		<tr>  
		<td>Test</td>  
		<td style="word-wrap:break-word;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus..  
		</td>  
		</tr>  
		</table>  
		</li>  
		</ul>  
	</li>  
	</ul>  
</li>  
<li>  
	<ul>  
	<li>  
	<div></div>  
		<ul>  
		<li>text</li>  
		<li>text</li>  
		<li>text</li>  
		<li>text</li>  
		<li>text</li>  
		</ul>  
	</li>  
	</ul>  
</li>  
<li>  
	<ul>  
	<li>  
	<div></div>  
		<ul>  
		<li>text</li>  
		<li>text</li>  
		<li>text</li>  
		<li>text</li>  
		<li>text</li>  
		</ul>  
	</li>  
	</ul>  
</li>  
</ul>