title: IE & Twitter Bootstrap (navbar + form elements) -- natural enemies?
body: <p>So this one is bugging me out</p>
  
  <p>I have a new layout using twitter bootstrap that is supposed to look like</p>
  
  <p><img src="https://i.stack.imgur.com/BZFNe.jpg" alt="proper layout in chrome"></p>
  
  <p>but in IE 7/8/9/10 looks like
  <img src="https://i.stack.imgur.com/ZUVPK.png" alt="layout in IE"></p>
  
  <p>the top navbar is fixed position, I've tried adding both padding &amp; margin to the top  tag neither of which is recognized - I'm using bootstrap 2.3.1 though had the same issues with previous versions</p>
  
  <p>any ideas besides chromeframe?</p>
  
  <p>the site can be viewed at <a href="http://myterracefarmer.mitescreations.com" rel="nofollow noreferrer">http://myterracefarmer.mitescreations.com</a></p>
  
  <p>(just realized that I uploaded a screenshot of the homepage from chrome &amp; the blog from IE though the issue stands for both pages)
  screenshot of blog in chrome:: <a href="http://bit.ly/110O8gU" rel="nofollow noreferrer">http://bit.ly/110O8gU</a></p>