Нужен совет верстальщика

http://jsfiddle.net/V6KPv/
Как видно, у активного элемента меню (hover) ставится тень справа.
Но тень не видно, возможно из-за наложения на тень другого меню-div.
Я пробовал у hover ставить z-index больше, чем у не активного меню - толку 0.
Почему когда я навожу на меню - не видна тень (box-shadow)?

Примечание:
Я как бы и думал, что она под другими дивами. Но ведь она при z-index должна быть поверх других. Что не так? Как решить проблему? То что они идут в ряд ничего не меняет. Это не проблема.

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.