Shadow Effect Is Being Clipped


Shown in the link above, the DIV id “content” with the class of “shadow” seems to be clipped or cropped on the top edge. My intent is to have the shadow overlay on top of the div id “slogan” above it. Can someone help me figure this out?

Thanks in advance,

Padding sir, padding. Box shadows cannot extend outside the bounds of the containing element.

#content-container { padding: 3em; margin: -4em 0 90px; }

Thanks Michael for the hometown answer(Knoxville). I did not know that… obviously!