Treeview - Albero

.li{
	width:11em; /*o altra misura*/
	word-wrap:normal-word;/* prova al posto di break-word anche normal*/
}

.dtree {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

.dtree li{
	width: auto; /*o altra misura*/
	word-wrap: break-word;/* prova al posto di break-word anche normal*/
	height: auto;
}

<a href="javascript: d.openAll();">apri tutto</a> | <a href="javascript: d.closeAll();">chiudi tutto</a>
  <div class="li"><?php ...?></div>

<style type="text/css">
.li {
	width: 600px; /*qui ti conviene dare una misura o fissa o percentuale*/
	word-wrap: normal-word;/* prova al posto di break-word anche normal*/
	height: auto;
}
</style>