title: Vertical Space Between Divs in Chrome not IE
body: <p>Here's a backwards one.. IE Working while chrome does not!
  I'm getting strange extra vertical spaces between divs in chrome. IE the divs sit flush against each other as intended.</p>
  
  <p>I originally had a min-height attribute which caused some errors with width, but took that out. Still not entirely sure what's causing the spacing issue. </p>
  
  <p>Any help is appreciated! Thanks all, -BR</p>
  
  <p>CSS</p>
  
  <pre><code>#container {
  width: 100%;
  }
  
  #headerout {
  width: 100%;
  height: 100px;
  background: #1240AB;
  }
  
  #header {
  width: 1000px;
  margin: auto;
  }
  
  .splitout {
  width: 100%;
  height: 225px;
  }
  
  .split {
  width: 1000px;
  margin: auto;
  }
  
  .content {
  width: 750px;
  margin: auto;
  }
  
  .white {background-color: #DDE3F0;}
  .lightblue {background-color: #C9D5F0;}
  
  #footerout {
  width: 100%;
  height: 30px;
  background: #1240AB;
  }
  
  #footer {
  width: 1000px;
  margin-left: 25px;
  }
  </code></pre>
  
  <p>Markup </p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
  &lt;meta charset='utf-8'&gt;
  
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="container"&gt;
      &lt;header&gt;
          &lt;div id="headerout"&gt;
              &lt;div id="header"&gt;
                  &lt;p&gt;Content&lt;p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/header&gt;
  
      &lt;div class="splitout white"&gt;
          &lt;div class="split"&gt;
              &lt;div class="content"&gt;
                  &lt;p&gt;content&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="splitout lightblue"&gt;
          &lt;div class="split"&gt;
              &lt;div class="content"&gt;
                  &lt;p&gt;content&lt;/p&gt;
              &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="splitout white"&gt;
      &lt;div class="split"&gt;
          &lt;div class="content"&gt;
              &lt;p&gt;content&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;div id="footerout"&gt;
  &lt;div id="footer"&gt;
      &lt;p&gt;foot&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>