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

1) Для ИЕ, я никак не могу сделать, чтобы при наведении на ссылку в главном меню, был цвет такой же, как в данный момент у li с классом active
2) Мне скинули картинку с рамкой, т.е. тенью другой, не такой как сейчас. Но я не вижу разницы между этими двумя тенями. Подскажите, как исправить с текущей, на ту что на картинке. Я убедил людей, что рамку в ИЕ очень сложно делать.

Ссылка на картинку
Ссылка на сайт

p.s. я не верстальщик, и делаю знакомым за спасибо. А так бы я лучше с этими проблемами обратился к верстальщику, которому дал бы денег. А так нет денег на это дело. Спасибо за понимание.

Это сообщение отредактировал(а) Serious2008 - 20.12.2012, 20:19

1) Зачем вы делаете меню с помощью списка? Для этого есть веские основания? Всю разметку списка вы полностью заменили через css. Так зачем усложнять себе жизнь лишними тегами? Поместите внутрь меню только ссылки и им уже задавайте разметку. Визуально можно добиться абсолютно такого же эффекта, кроме того, намного более кроссбраузерного.
Вот пример: http://jsfiddle.net/wymjr/2/

2) Способ отрисовки теней в разных браузерах различается. Например, небольшой разницей радиуса размытия. К примеру, в FF радиус размытия теней немного больше, чем в IE. Кроме того, различаются алгоритмы перехода от темного к светлому. Где-то линейные, кдето экспоненциальные. Одинаково сразу во всех браузерах сделать не получится, разве что тень будет просто картинкой, но это только лишний вес страницы.
Если заказчик придирается, то скажите ему, что вы за вольности браузеров не отвечаете.

IE 9+ прекрасно понимает box-shadow. Попробуйте поместить box-shadow после -ms-filter, а не до.

Arantir, 
1) Не работает в ИЕ-8, что является проблемой.

Что не работает? Как именно не работает? Меню без списка можно сделать рабочим практически везде.
А вот ваш вариант в IE плохо работает из-за того, что IE плохо понимает hover родительскими элементами.

Добавлено через 11 минут и 32 секунды
Если пользователи сидят на старье - сам виноваты. 
Старые браузеры не поддерживают многие документированные официальные свойства CSS/HTML. Подстраиваться под старье - это нелогично. Это как подстраиваться под дребезжание поломанного автомобиля вместо его починки.
Надо не подстраиваться, а писать пользователю сообщение "обновите браузер" (определить его и версию очень просто). Или лучше написать "Ваш браузер не поддерживает официальную документацию CSS. Рекомендуем вам обновить браузер.".

Глядя на картинку я увидел тень только у "центрального" банера. Это единственный элемент с тенью? Правильно ли, что он фиксированный, не меняется и не двигается? Почему, в таком случае, нельзя сделать тень отдельной картинкой?