title: How To Create A Fluid Height Div?
body: <p>Note: I'm still learning CSS &amp; HTML, so if this question seems "noobish" - that's because it is.  If you could provide an example, or an article geared towards my questions that would be great.</p>
  
  <p>I created a div ("background"), which contains two divs ("left" &amp; "right").</p>
  
  <p>I'd like the "background" div's height to expand or contract, based up the amount of content in the "left" &amp; "right" div.</p>
  
  <pre><code>#background {
  width:100%;
  height:15em;
  background-color:#FFF;
  box-shadow: 0 0 5px #888;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  clear:both;
  }
  </code></pre>
  
  <p>I currently have the "background" div's height set to 15em, because I'm not sure how to make it expand or contract.  I've tried setting it to "100%" and "auto", but those just make the "background" div disappear.</p>
  
  <p>Here is my entire HTML &amp; CSS code: <a href="http://jsfiddle.net/jueRh/" rel="noreferrer">http://jsfiddle.net/jueRh/</a></p>