Вертикальное меню

[alleg]

Здравствуйте, я бы хотел узнать ваше мнение.

Была задача сделать верстку вертикального меню, уже с готовой структурой, как показано здесь

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

Появилась следующия проблема, расстояние между пунктами было слишком большое. Вопрос возможно ли уменьшить расстояния и при этом что б пункты не смещались? (Основная проблема в картинке которая обозначает выделенный пункт)

Ссылка на сайт: http://aca.computers.net.ua/ru/cus_env/

Структура меню:

<div class="vert-menu-box">
	<div class="menu-vert">

	    <a href="#" title="">Пункт 1</a>

	    <div class="menu-vert-child-block">

		    <div class="menu-vert">
		       <a href="#" title="">Пункт 1.1</a>
		    </div>

		    <div class="menu-vert">
		       <a href="#" title="">Пункт 1.2</a>
		    </div>

		    <div class="menu-vert">
		       <a href="#" title="">Пункт 1.3</a>
		    </div>

	    </div>

	</div>

	<div class="menu-vert">

	    <a href="#" title="">Пункт 2</a>

	    <div class="menu-vert-child-block">

		    <div class="menu-vert">
		       <a href="#" title="">Пункт 2.1</a>
		    </div>

	    </div>

	</div>

	<div class="menu-vert">
	    <a href="#" title="">Пункт 3</a>   
	</div>

	<div class="menu-vert">
	    <a href="#" title="">Пункт 4</a>    
	</div>
</div>

Edited January 11, 2012 by alleg

[antonzol]

Тут нужно либо фиксированную высоту делать для каждого вида пунктов отдельно, причем высота должна быть одинаковой для выделенного пункта и для не выделенного. Либо уменьшать количество символов в пунктах меню.

[cssview]

Ответ: можно.