title: How to remove a horizontal scrollbar appearing while using twitter bootstrap on mobile menu
body: <p>please help me out here. 
  I styled a twitter bootstrap menu, but a horizontal scroll bar is appearing, when I am on the mobile version:</p>
  
  <p><a href="http://i.imgur.com/JRWRg9D.jpg" rel="nofollow">http://i.imgur.com/JRWRg9D.jpg</a></p>
  
  <p>I was able to reproduce it on jsfiddle:</p>
  
  <p><a href="http://jsfiddle.net/mXLSk/" rel="nofollow">http://jsfiddle.net/mXLSk/</a></p>
  
  <p>I am using this to style the mobile version, but there has to be somewhere hidden another style that is letting the scrollbar appear.</p>
  
  <pre><code> @media (max-width: 767px) { 
      #bs-example-navbar-collapse-1 {
          background-color: #fff;
  
          a {
              padding: 7px 40px;
          }
      }
   }
  </code></pre>
  
  <p>Thank you for you help.</p>