css - Box Shadow Doesnt go on Entire Wrapper -

im using

.shadow {     -moz-box-shadow: 3px 3px 4px #000;     -webkit-box-shadow: 3px 3px 4px #000;     box-shadow: 3px 3px 4px #000;     /* ie 8 */     -ms-filter: "progid:dximagetransform.microsoft.shadow(strength=4, direction=135, color='#000000')";     /* ie 5.5 - 7 */     filter: progid:dximagetransform.microsoft.shadow(strength=4, direction=135, color='#000000'); } 

to add shadow #wrapper. reason travels end of menu. can see why in example http://www.kerrydean.ca/matheson/home5.html

thanks!!

the issue you've got floated content inside of non-floated content. need clearfix.

alternatively, float #wrapper element, can't center floated element margins. here's example:

<style type='text/css'>   #wrapper {     margin: 0 auto;     width: 799px;   }    #page {     float: left   } </style>  [ snip... ]  <div id='wrapper'>   <div id='page' class='shadow'>     [ rest of content goes here. ] 

your footer going cause problems because moved via relative positioning. rid of , give 10px top margin, , should set.