title: adding a shadow border to my wrapper
body: <p>I have a <code>#wrapper</code>, which contains all page content, and I'd like to place another div around it with a shadow border, <code>#shadowwrap</code>.  I've been staring at this stuff for way to long today, and my brain's stuck...</p>
  
  <pre><code>#shadowwrap {
      background:url("images/shadowborder.png") repeat-y center;
      background-color:transparent;
      max-width:1000px;
      min-width:1000px;
      min-height:100%;
      margin:0 auto;
      position:relative;
  }
  
  #wrapper {
      background-color:#FFF; 
      width:100%;
      max-width:980px;
      min-width:980px;
      min-height:100%!important;
      margin:0 auto;
      margin-bottom:-50px;
      position:relative;
      overflow:auto;
  }
  </code></pre>
  
  <p>site: <a href="http://www.hcfmissoula.com" rel="nofollow noreferrer">http://www.hcfmissoula.com</a></p>
  
  <p>Thanks.</p>