Меню. Не могу понять, как правильно сделать

[npofopr]

Подскажите, пожалуйста, как правильно делать такие меню: http://jsfiddle.net/npofopr/ZCfYf/
Оно как бы работает, но ведь весьма не красиво, когда при ховере, рядом с активным элементом два бордера рядом.

 

[BaNru]

как то так
Смотри стили внизу добавил, в твоём не копался.

 

[npofopr]

Спасибо, примерно так и думал.
Наверно других способов и нет. Либо марджинами сдвигать, либо через position

 

[BaNru]

- Можно попробовать поизвращаться через таблицы/псевдо-таблицы и border-collapse

- Можно попробовать поизвращаться через CSS3 и дочерние/сестринские наследования, с помощью которых вычислять и убирать верхний/нижний бордер. Получится или нет - не знаю, надо пробовать. Теоретически должно получиться.

Но оно надо?!

 

[motek]

Оно как бы работает, но ведь весьма не красиво, когда при ховере, рядом с активным элементом два бордера рядом.

может стоит вообще убирать бордер с постоянного пункта при ховере на какой либо другой и возвращать, когда нет ховера вообще?