title: Why is my content overflowing out of my container div?
body: <p>I feel really stupid for asking this because it seems so basic but for some reason the height of my container div is not expanding to accommodate the divs within. I'm building a customized page on Tumblr with my contact details (note: not on the index/permalink page but a separate page) and I've used divs as a sort of makeshift table because html table tags don't seem to work on customized pages on Tumblr.</p>
  
  <p>[The style attributes for the container div (id: Post) is inherited from the ones for the Permalink pages.]</p>
  
  <p>All relevant CSS taken from theme editor:</p>
  
  <pre><code>#cent{
  background-color:#FFE5E5;
  padding:5px;
  position:static;
  width:800px;
  margin: 0px auto;
  }
  
  #post{
  background-color:#fff;
  border:10px ridge #ff0000;
  float:none;
  width:700px;
  margin: 2px auto;
  padding:10px;
  }
  
  .Division{
  float: left;
  width: 300px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 5px;
  font-weight: bold;
  }
  .Division2{
  float: left;
  margin-left: 0px;
  margin-bottom: 10px;
  padding: 5px;
  }
  </code></pre>
  
  <p>HTML on Contacts page:</p>
  
  <pre><code>&lt;div id="cent"&gt;
  &lt;div id="post"&gt;
  &lt;div class="Division"&gt;Telephone Number:&lt;/div&gt;
  &lt;div class="Division2"&gt;+6012-3456789&lt;/div&gt;
  &lt;br/&gt;
  &lt;div class="Division"&gt;E-Mail Address:&lt;/div&gt;
  &lt;div class="Division2"&gt;sample@live.com.my&lt;/div&gt;
  &lt;br/&gt;
  &lt;div class="Division"&gt;Address:&lt;/div&gt;
  &lt;div class="Division2"&gt;Line 1 &lt;br /&gt;Line 2 &lt;br /&gt;Line 3 &lt;br /&gt;Line 4&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Oh and I made a fiddle thing here: <a href="http://jsfiddle.net/Yelrihs36/wkCQR/" rel="nofollow">http://jsfiddle.net/Yelrihs36/wkCQR/</a>
  So what exactly am I doing wrong? I feel like the answer is really easy and staring me right in the face and I'm going to kick myself when I find out what it is...</p>