title: Top nav bar with position fixed behaving weirdly in firefox
body: <p>I am working on a project that uses <a href="http://startbootstrap.com/template-overviews/simple-sidebar/" rel="nofollow">http://startbootstrap.com/template-overviews/simple-sidebar/</a> ... We have a navigation bar with </p>
  
  <pre><code>position:fixed
  </code></pre>
  
  <p>and a search box floated right. In firefox 50% of this search box extends outside the div enclosing. Seems to work perfectly in chrome, sidebar automatically collapses when width is reduced etc . 
  I know that elements with position fixed do not follow the regular flow.Not sure how to fix this.</p>
  
  <p>here is a link to fiddle </p>
  
  <p><a href="http://jsfiddle.net/avouaLzo/1/" rel="nofollow">http://jsfiddle.net/avouaLzo/1/</a></p>
  
  <p>Any help here will be appreciated. </p>
  
  <p>Thanks</p>