Расширяется меню вниз при наведении - Вопросы по CSS

Привет всем. В вертикальном меню создал выделение при наведении в виде рамки:

После чего при наведении само меню стало расширяться вниз. Собственно вопрос: как застопорить это меню, что бы оно не расширялось при наведении?
Вот меню:
 

Это при наведении:

У вас ссылки в обычном состоянии без отступов и бордеров (предположительно), а при наведении вы увеличиваете размер элемента внешнего (li за счёт отступа ссылки) и самой ссылки за счёт бордера.
1. Отступы нужно прописать одинаковые для обоих состояний.
2. Бордер либо прописать неактивным ссылкам того же цвета, что и фон (тогда их просто не видно будет), либо заменить на outline, это свойство не затрагивает блочной модели в отличии от border.

Я так и сделал: прописал неактивным ссылкам border:2px solid #7CBB00 с цветом фона и все стало на свои места! Осталось вернуть высоту модуля на место. Спасибо +

Ну и outline: 2px solid #9AE101 тоже вариант хороший, с ним не надо корректировать высоту модуля.

Пожалуйста. А зачем такие тяжёлые селекторы используете?


можно заменить на