тень от окна не отображается над содержимым

Question

так что это сводит меня с ума.У меня есть два div, плавающих влево, нижний имеет тень от тени, в этой скрипке JS http://jsfiddle.net/q79Lg/ тень отрисовывается правильно, она покрывает содержимое, но когда я копирую буквально ту же самую вещь на страницуhttp://www.klossal.com/portfolio/index_backup2.html тень не покрывает содержимое в div выше.Почему это происходит ??

В конечном счете, я бы хотел использовать это здесь http://www.klossal.com/portfolio/index_backup5.html, но это та же проблема, что и в первых двух источниках, но я взял весь другой мусориз.

Большое спасибо за помощь.

Answer 1

Попробуйте

<div align="center" style="background: #ffffff; position: absolute; bottom: 0px; left: 0px; z-index: 5; border:1px solid red; -webkit-box-shadow: 0px -7px 20px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px -7px 20px 0px rgba(0, 0, 0, 1); box-shadow: 0px -7px 20px 0px rgba(0, 0, 0, 1); width:100%;height:200px;">

для нижнего div, посмотрите, работает ли это:)