CSS Box-Shadow обрезается / квадрат

Question

Привет у меня есть div в верхней части моей страницы

http://www.uk-sf.com/MyTraining.php

тень от коробки нарезана на обертку, я попытался дать ей z-index, но без радости, есть идеи?

.titlebox{ 
width:977px;
background-color:rgba(48, 48, 48, 1);
padding:10px 5px;
margin: 5px 5px;
font-size: 24px;
border:3px double rgb(138, 138, 138);
-webkit-box-shadow: 0px 0px 51px 7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 51px 7px rgba(0,0,0,0.75);
box-shadow: 0px 0px 51px 7px rgba(0,0,0,0.75);
}

Помощь оценена

Answer 1

Ваш #contentContainer имеет overflow:auto;: это специально?

Если нет, добавьте это в свой CSS:

#contentContainer {
   overflow: visible;
}

или просто удалите overflow:auto объявление из вашего CSS.

(overflow: auto просит ваш contentContainer обрезать его содержимое.)