title: CSS div height 100% not working
body: <p>div2 is 1000px height because of div4, div5 and div6. I'm not understanding why div3 isn't getting the 100% height, it is 0px height.</p>
  
  <pre><code>&lt;div id="div1" class="center" style="width:1024px; height:auto;"&gt;
      &lt;div id="div2" style="float:left; width:100%; height:auto;"&gt;
          &lt;div id="div3" style="float:left; width:460px; height:100%; background-image:url(img/bgVictorMonteiro.jpg); background-size:100% auto; background-position:bottom; background-repeat:no-repeat;"&gt;&lt;/div&gt;
          &lt;div id="div4" style="float:left; width:270px; height:1000px;"&gt;&lt;/div&gt;
          &lt;div id="div5" style="float:left; width:25px; height:1000px;"&gt;&lt;/div&gt;
          &lt;div id="div6" style="float:left; width:269px; height:1000px;"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>