jab

Жаль только, что не получилось обойти одним <a href="#">…

Спасибо. В итоге примерно так и сделал.

Это первое, что я сделал, но смотрится ужасно.

Я, честно говоря, поленился проверять, как это сделано, но видел такое тут:
esquire.ru/numbers#492

Я обычно просто делаю одну из кнопок или ссылок в ряду ховером.
Если макет сложный — да, отдельный maketname_hover.psd

Я вместо визивига использую второй монитор.
Все просто — на одном мониторе блокнот (акелпад), на другом — браузер. Внес изменения в код — нажимаю в браузере F5.
Одновременно видны код и результат.

Все <li> вложенные? Их бы закрывать не мешало.

<ul class=«menu»>

<li id=«item-101»><a href="....">Пункт меню</a></li>

<li id=«item-102»><a href="....">Пункт меню</a></li>

<li id=«item-103»><a href="....">Пункт меню</a></li>

</ul>