Re: css box shadow not working

[chrisburton]

I believe the shadow didn’t work because you did not have a set width on the shadow div. You are using extra markup than needed so I condensed and applied the code below for you.

HTML

CSS

#header {

background-color: #5c5d60;

width: 960px;

height: 83px;

-moz-box-shadow: 5px 15px 5px 0px #000;

-webkit-box-shadow: 5px 15px 5px 0px #000;

box-shadow: 5px 15px 5px 0px #000;

margin-bottom: 10px;

}

@Dogsghost, this person does not have too many “numbers” inside the shadow.

box-shadow is applied like this:

horizontal shadow
vertical shadow
blur
spread
color
inset