[Digo]

Доброго времени суток, имеется меню древовидное, структура там такая что во всех пунктах неактивны стоит display:none, в активных если есть display:none отсутствует(это отрабатывается системой управления при переходе) есть задумка сделать чтобы при наведении на родительскую категорию отображались дочерние подкатегории (как бы раскрытие дерева при наведении) или банальное всплывающее меню сбоку. Есть какие идеи как это реализовать более грамотно желательно без серьезных изменений в структуре меню, т.е. подстроить под структуру, сперва думал сделать чистое css меню но все портит display:none не получилось по hover его включать, я так понимаю с ним только через скрипт работать нужно...

<ul>
	<li>
	<div class="link_container">
		<a href="#">Главная категория</a>
	</div>
	</li>
<ul id="c1">
	<li>
	<div class="link_container">
		<a href="#">Подкатегория 1</a>
	</div>
	</li>
	
	<ul id="c2">
		<li>
			<div class="link_container"><a href="#">Подкатегория 1.1</a></div>
		</li>
		<ul style="display:none" id="c3">
			<li>
				<div class="link_container"><a href="#">Подкатегория 1.1.1</a></div>
			</li>
	
			<li>
				<div class="link_container"><a href="#">Подкатегория 1.1.2</a></div>
			</li>
		</ul>

		<li>
			<div class="link_container"><a href="#">Подкатегория 1.2</a></div>
		</li>
	</ul>
	
	<li>
		<div class="link_container">
		<a href="#">Подкатегория 2</a>
		</div>
	</li>
	<ul style="display:none" id="c7">
		<li>
			<div class="link_container"><a href="#">Подкатегория 2.1</a></div>
		</li>
		<li>
			<div class="link_container"><a href="#">Подкатегория 2.2</a></div>
		</li>
	</ul>	

</ul>
</ul>