title: why can't I see the box-shadow for twitter bootstrap navbar?
body: <p>In version 2.0.4 of <a href="http://twitter.github.com/bootstrap/components.html#navbar" rel="nofollow noreferrer">Twitter Bootstrap</a> I added a box shadow to my nav-bar and it worked great. (see the image below)</p>
  
  <p><img src="https://i.stack.imgur.com/vYyRS.png" alt="enter image description here"></p>
  
  <p>I recently upgraded to version 2.2.1 and tried doing the same but I fail to see the box shadow below my navbar.  Here is my current style:</p>
  
  <pre><code>.navbar {
  overflow: visible;
  margin-bottom: 18px;
  color: #fff;
  *position: relative;
  *z-index: 2;
  }
  
  .navbar-inner {
  
  min-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fafafa;
  
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #4e8ece, #356aa0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4e8ece), to(#356aa0));
  background-image: -webkit-linear-gradient(top, #4e8ece, #356aa0);
  background-image: -o-linear-gradient(top, #4e8ece, #356aa0);
  background-image: linear-gradient(to bottom, #4e8ece, #356aa0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 );
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.065);
  *zoom: 1;
  
  }
  </code></pre>
  
  <p>Any ideas why the drop shadow isn't appearing in 2.2.1?</p>