title: container div not expanding on the property min-height
body: <p>I have the following CSS code for a div that I want to have a min-height and then the height increases as needed. I have no clue why but the CSS is not working in any browser! I tried to google the answer but yet wasn't able to!</p>
  
  <p>Any help would be really appreciated!</p>
  
  <pre><code>.container {
    width: 1024px;  
    margin-right: auto;
    margin-left: auto;
    left: auto; 
    right: auto;
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);  
    -webkit-box-shadow: 0 2px 12px rgba(34,25,25,0.4);   
    moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
    background-repeat: repeat-y;
    height: auto !important;
    height: 1024px;
    min-height: 1024px;
  
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    padding-bottom:60px;   
    position:relative;
  }
  </code></pre>
  
  <p>The container div should grow on the increase of height of this div which increases as and when data is entered to the mysql table and then displayed inside this div:</p>
  
  <pre><code>.udis {
    float: left; 
    height: auto;
    width: 680px;
    position: relative; 
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 2px 12px rgba(34,25,25,0.4);
    moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
    margin-left:10px;  
    min-height:620px;
    height:auto!important;
    height:620px;
  }
  </code></pre>