[Digo]

да я понял, вообщем очистил код от шелухи сделал через скрипт, одно не могу понять как закрывать при перемещении по Подкатегориям 1.1, 1.2 и т.д. остальные открытые, наводить повторно для скрытия не нравится, а так получается при перемещении по меню оно все раскрывается...

<script type="text/javascript"> 

function iblock(cellid, blockid){
	var a = document.getElementById(cellid);
	if (a.style.display=="none") a.style.display="block";
		/*else a.style.display="none";*/
		
	var b = document.getElementById(blockid); /*для себя)*/
	
}

</script>

<ul class="nav">
	<li><a href="#">Главная категория</a></li>
	<ul  id="c1">
		<li><a onmouseover="iblock('c2','b2');" href="#">Подкатегория 1</a></li>
	
		<ul id="c2">
			<li><a onmouseover="iblock('c3','b3');" href="#">Подкатегория 1.1</a></li>
			<ul style="display:none" id="c3">
				<li><a href="#">Подкатегория 1.1.1</a></li>
				<li><a href="#">Подкатегория 1.1.2</a></li>
			</ul>
			<li><a href="#">Подкатегория 1.2</a></li>
		</ul>
		
		<li><a onmouseover="iblock('c4','b4');" href="#">Подкатегория 2</a></li>
		<ul style="display:none" id="c4">
			<li><a href="#">Подкатегория 2.1</a></li>
			<li><a href="#">Подкатегория 2.2</a></li>
		</ul>	
		
		<li><a onmouseover="iblock('c5','b5');" href="#">Подкатегория 2</a></li>
		<ul style="display:none" id="c5">
			<li><a href="#">Подкатегория 2.1</a></li>
			<li><a href="#">Подкатегория 2.2</a></li>
		</ul>	

	</ul>
</ul>