title: Absolute Positioning Not Expanding
body: <p>I have the following code:</p>
  
  <pre><code>&lt;div id="display_vendors"&gt;
  &lt;ul class="vendor_types"&gt;
  &lt;li&gt;Category 1&lt;/li&gt;                         
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div id="display_vendors_container"&gt;
  &lt;h4&gt;Search Results&lt;/h4&gt;&lt;br&gt;Here are your search results! You can simply navigate to the other categories by clicking on one on the left hand side:&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;Testing&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;More&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;Sljf
  &lt;/div&gt;
  </code></pre>
  
  <p>Then I have the following CSS:</p>
  
  <pre><code>#display_vendors ul.vendor_types li {
  background-color:#000000;
  color:#FFFFFF;
  width:200px;
  line-height:1.5em;
  margin:2px 0 0 0;
  padding:10px;
  border-width:1px;
  border-color:#000000;
  border-style:solid;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  display:block;
  height:100%;
  }
  
  #display_vendors ul.vendor_types li:hover {
  background-color:#949494;
  }
  
  #display_vendors_container{
  position:absolute;
  top:59px;
  left:221px;
  width:700px;
  height:100%;
  border-width:1px;
  border-color:#000000;
  border-style:solid;
  -webkit-border-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topleft: 0;
  border-radius: 10px;
  border-top-left-radius: 0;
  padding:10px;
  min-height:400px;
  }
  
  .dispay_vendor_type {
  color:#FFFFFF;
  text-decoration:underline;
  }
  
  .dispay_vendor_type:hover {
  color:#FFFFFF;
  text-decoration:underline;
  }
  </code></pre>
  
  <p>Now my issue is that the #display_vendors_container won't display the whole content of the div. It will only make it the same height as the #display_vendors div. If I remove the absolute positioning on the #display_vendors_container it displays all the content but not in the right place. Any ideas on what could be causing this?</p>