min-height div не работает правильно CSS

Question

У меня есть следующий код css для div, который я хочу иметь минимальную высоту, а затем высота увеличивается по мере необходимости. Я не знаю, почему, но CSS не работает в любом браузере! Я попытался ответить Google, но пока не смог!

Любая помощь была бы действительно оценена!

.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; 
} 

Контейнер DIV должен расти на увеличение высоты этого DIV, который увеличивается, как и когда данные вводятся в таблицу тузд, а затем отображается внутри этого DIV:

.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; 
} 

Answer 1

попытаться удалить линия:

height: 1024px; 

Answer 2

Вы должны удалить атрибут высоты с помощью CSS

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; 
min-height: 1024px; 

border-bottom-width: 2px; 
border-bottom-style: solid; 
border-bottom-color: #999; 
padding-bottom:60px; 
position:relative;