title: DIV not expanding with content - used methods (min-height, overflow:hidden,clearing div..none worked :-( )
body: <p>I am sorry if I am asking a redundant question but I tried to use almost all options given in this website and being a beginner may be I am struggling to use them to my leverage, here is the fiddle I created for my code(added several answers), I am just trying to fit in "Add Answers(Optional)" into the "tab-content" div but it doesn't seem to expanding with the content and "Add Answers" label is overshooting. Can someone just suggest what is going wrong? It would be great help...  </p>
  
  <p><a href="http://jsfiddle.net/83PTq/2/" rel="nofollow">http://jsfiddle.net/83PTq/2/</a></p>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;ul class="tabs"&gt;
          &lt;li class="tab-link current" data-tab="tab-1"&gt;Polls&lt;/li&gt;
          &lt;li class="tab-link" data-tab="tab-2"&gt;tab2&lt;/li&gt;
      &lt;/ul&gt;
      &lt;!-- Content for each tab is decided --&gt;
      &lt;div id="tab-1" class="tab-content current"&gt;
          &lt;!-- To add answer options --&gt;
          &lt;form action="ask_question" class="answer_options" method="POST"&gt;
              &lt;textarea name="question" class="question_textarea" type="text" placeholder="Your query, please ?"&gt;&lt;/textarea&gt;
              &lt;div class="add_answer_label"&gt;Add Answers(optional)&lt;/div&gt;
              &lt;div class="answers_textboxes"&gt;
                  &lt;table id="dataTable"&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;input type="text" required="required" name="BX_NAME[]"&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
                  &lt;div class="clear"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      &lt;/div&gt;
      &lt;div id="tab-2" class="tab-content"&gt;Tada&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS File</p>
  
  <pre><code>body {
      margin-top: 100px;
      font-family:'Trebuchet MS', serif;
      line-height: 1.0
      height: 100%;
  }
  .container {
      width:800px;
      margin: 0 auto;
      overflow: auto;
      min-height:100%;
  }
  ul.tabs {
      margin: 0px;
      padding: 0px;
      list-style: none;
  }
  ul.tabs li {
      background: none;
      color: #222;
      display: inline-block;
      padding: 10px 15px;
      cursor: pointer;
  }
  ul.tabs li.current {
      background: #DFF5B0;
      color: #222;
  }
  .tab-content {
      display: none;
      padding: 15px;
  }
  .clear {
      width:100%;
      float:none;
      clear:both;
  }
  .tab-content.current {
      display: inline-block;
      background: #DFF5B0;
      overflow:auto;
      min-height:1%;
  }
  .question_textarea {
      background: white;
      border: 1px #ddd solid;
      width: 600px;
      height: 100px;
      font: 9pt Consolas;
      overflow: hidden;
  }
  form.answer_options {
      width:754px;
      margin: 20px auto 0px auto;
      background-color:#DFF5B0;
      padding:5px;
  }
  .answer_options .form label {
      float: left;
      text-align: left;
      margin-right: 5px;
      margin-top:2px;
      width:auto;
  }
  .answer_options .form input {
      width:100px;
  }
  .answer_options label {
      color:#444;
      width:48px;
      float: left;
      text-align: right;
      margin-right: 6px;
      margin-top:2px;
  }
  form.answer_options label.optional {
      float: left;
      text-align: right;
      margin-right: 6px;
      margin-top:2px;
      color: #A3A3A3;
  }
  form.answer_options label.obinfo {
      float:right;
      padding:3px;
      font-style:italic;
  }
  form.answer_options input {
      width: 140px;
      color: #000;
      float: left;
      margin-right: 5px;
  }
  form.answer_options input.long {
      width: 247px;
      color: #505050;
  }
  form.answer_options input.short {
      width: 40px;
      color: #505050;
  }
  form.answer_options input[type=radio] {
      float:left;
      width:15px;
  }
  form.answer_options label.gender {
      margin-top:-1px;
      margin-bottom:2px;
      width:34px;
      float:left;
      text-align:left;
      line-height:19px;
  }
  form.answer_options input[type=text] {
      border: 1px solid #E1E1E1;
      height: 18px;
  }
  form.answer_options input[type=password] {
      height: 18px;
  }
  form.answer_options input[type=button] {
      background:#9b1515;
      border: 1px #ddd solid;
  }
  form.answer_options input[type=button]:hover {
      cursor:pointer;
      background:#d85353;
  }
  form.answer_options .submit {
      color: #fff;
      cursor: pointer;
      float:left;
      margin:10px;
      padding:5px;
      background: #9b1515;
      background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0, rgba(255, 255, 255, 0.1) 100%);
      background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0, rgba(255, 255, 255, 0.1) 100%);
      background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0, rgba(255, 255, 255, 0.1) 100%);
      background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0, rgba(255, 255, 255, 0.1) 100%);
      background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0, rgba(255, 255, 255, 0.1) 100%);
      background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
  }
  form.answer_options .submit:hover {
      background:#505050;
  }
  form.answer_options .submit:active {
      background:#ccc;
      color: #000;
  }
  form.answer_options input[type=text].small {
      height: 18px;
      width:30px;
  }
  form.answer_options input[type=checkbox] {
      width:14px;
      margin-top:4px;
  }
  form.answer_options select {
      border: 1px solid #E1E1E1;
      float:left;
      margin-bottom:3px;
      color: #505050;
      margin-right:5px;
  }
  .post_query {
      height: 39px;
      left: 760px;
      position: absolute;
      top: 274px;
      width: 40px;
      z-index: 3;
  }
  .answers_textboxes {
      height: 39px;
      left: 500px;
      position: absolute;
      top: 288px;
      width: 144px;
      z-index: 3;
  }
  .add_answer_label {
      height: 39px;
      left: 335px;
      position: absolute;
      top: 293px;
      width: 163px;
      z-index: 3;
  }
  .add_answer_image {
      position: absolute;
      top: 289px;
  }
  .polls_tab {
      background:#DFF5B0;
  }
  </code></pre>
  
  <p>Thanks in advance</p>