title: CSS Drop Shadow on Body
body: <p>I have a layout build by chopping and changing several themes together. On that layout there is a shadow behind all the content which is triggered with this CSS:</p>
  
  <pre><code>body {
  -webkit-box-shadow:0px 5px 10px #1c1c1c;
  -moz-box-shadow:0px 5px 10px #1c1c1c;
  box-shadow:0px 5px 10px #1c1c1c;
  }
  </code></pre>
  
  <p>So now i am rebuilding the theme myself so i can structure the div's and the css the way I want it. The original design had a header which just had its text aligned to the right. For the rebuild i made a 3 column layout for the header so i can add a photo to the left side and some content in the center.</p>
  
  <p>Im not able to use the above shadow code in my new layout. It doesn't drop a shadow around the content for me. Instead if i take the below code and drop it into each Div ID's CSS for each of the 3 columns it will drop a shadow... however the shadow spills over into the second column and into the third column</p>
  
  <pre><code>-webkit-box-shadow:0px 5px 10px #1c1c1c;
  -moz-box-shadow:0px 5px 10px #1c1c1c;
  box-shadow:0px 5px 10px #1c1c1c;
  </code></pre>
  
  <p>Now im not great with HTML &amp; CSS but im trying my best. I tried to put the 3 cols into a DIV and drop the shadow onto that div but it still didn't work. I tried butting the cols into where the <em>*</em> symbols are in the code below</p>
  
  <pre><code> &lt;div id="blah"&gt;**************&lt;/div&gt;
  </code></pre>
  
  <p>Anyone any suggestions on what im missing?</p>