title: css shadows on on all sides but top
body: <p>hi trying to get a drop shadow on all sides but the top, for a drop down sub menu
  found this code on this site and it has shadow on all sides but not bottom</p>
  
  <pre><code>body {
       width: 300px;
       height: 200px;
       margin: 20px auto;
  
   -webkit-box-shadow: 0 -3px 3px -3px #999, 3px 0px 3px -3px #999, -3px 0px 3px -3px #999;
   -moz-box-shadow:    0 -3px 3px -3px #999, 3px 0px 3px -3px #999, -3px 0px 3px -3px #999;
   box-shadow:         0 -3px 3px -3px #999, 3px 0px 3px -3px #999, -3px 0px 3px -3px #999
   }
  </code></pre>
  
  <p>how do i change to be shadow on all sides but top?<br>
  been trying on fiddle but for the life of me cant understand the above code to change it from top to bottom shadow<br>
  <a href="http://jsfiddle.net/PuKDb/" rel="noreferrer">http://jsfiddle.net/PuKDb/</a></p>
  
  <p>need it to be like this one<br>
  <a href="http://jsfiddle.net/leaverou/8tgAp/" rel="noreferrer">http://jsfiddle.net/leaverou/8tgAp/</a><br>
  but instead of red line the shadow from above...</p>
  
  <p>im a cut and paste coder so any help would be appreicated!</p>