title: jquery: drop down menu doens't show border styling on top of fixed position div
body: <p>I have a drop down menu I've been working on and I can't seem to figure out why the styling of the b order/box shadow won't work on top of my fixed .menu2 div. </p>
  
  <p><a href="http://jsfiddle.net/rKaPN/53/" rel="nofollow">http://jsfiddle.net/rKaPN/53/</a></p>
  
  <pre><code>.menu ul li ul{
  position:absolute;
  right: 0px;
  border:1px solid #C3D1EC;
  /*box-shadow*/
  -webkit-box-shadow:0 1px 5px #CCCCCC;
     -moz-box-shadow:0 1px 5px #CCCCCC;
          box-shadow:0 1px 5px #CCCCCC;
  margin-top:-1px;
  display:none;
  padding:0px 16px 0px 0;
  }
  
  .menu-2 {
    position: fixed;
    top: 30px;
    left: 0px;
    width: 100%;
    height: 100px;
    background: #DDD;
    color: #fff;
  }
  </code></pre>