Проблемы при вёрстке меню с разделителями

[coldug]

Здраствуйте.

Есть меню вот скриншот

При его вёрстке столкнулся с рядом проблем, долго мучался и пытался сделать по примерам из интернета, не вышло.

Вот ссылка что на то что у меня получилось http://css.disgt.com/free-lance/menu/ .

1.В Ie7 элемент li растягиваеться и рушит меню.В ие7 вообще не получаеться без проблем сделать это меню.Обьясните что за ошибка в ie?

2.При наведении увеличиваеться размер меню и кажется что элементы скачут ,еще прыгает бордер ссылки.

Кто может помочь сделать 1 в 1 как на картинке в ie7?

Заранее спасибо.

Edited December 24, 2011 by coldug

[hedgehog]

такие бордеры лучше делать бекграундом.

а элементы скачут из-за жирного текста, который занимает большую ширину

[coldug]

А что насчет ошибок Ie7?

Как решить проблему с прыгающими элементами, ведь текст должен быть жирным при наведении?

[hedgehog]

  On 12/25/2011 at 10:13 AM, coldug said:

А что насчет ошибок Ie7?

Не знаю, у меня на этом компьютере нету ни ИЕ, ни виртуалке. Попробуйте использовать что-то одно: либо float, либо inline-block. А то у вас получается какой-то парадокс с одновременным float & inline.

  On 12/25/2011 at 10:13 AM, coldug said:

Как решить проблему с прыгающими элементами, ведь текст должен быть жирным при наведении?

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

[coldug]

Проблему решил.

Edited December 25, 2011 by coldug