title: IE8 floats incorrectly showing margin
body: <p>My page is at <a href="http://jerswebempire.com/ovrtur/index.php" rel="nofollow">http://jerswebempire.com/ovrtur/index.php</a></p>
  
  <p>The page displays nearly perfectly in all browsers except IE8. In IE8, floated divs have incorrect margins. For example, you'll see the search bar at the top is sitting underneath the nav. However, if you open the page in Chrome or Firefox or IE9, it's displaying in the correct spot.</p>
  
  <p>What am I doing wrong?! I can't seem to find a fix.</p>
  
  <p>Also, the box for Latest Video is in two columns in all browsers but IE8. It's similar to the above problem where there is a left margin added that shouldn't be there.</p>
  
  <p>The page was built with Bootstrap.</p>
  
  <p>Any help would be appreciated.</p>