Проблем с фотера

Ето кода

[css]html, body{
height:100%;

}
#wrapper{
min-height:100%;
height:auto !important;
height:100%;
margin-bottom:-125px;
}
header{
background-color:red;
}
#cont{

height:900px;
}
#te{

margin-left: auto;
margin-right:auto;
width:auto;
max-width:1024px;
background:blue;
}
#promo{
float:left;
width:756px;
height:200px;
backgroundrange;
}
#ads{
float:left;
width:250px;
height:200px;
background:red;

}
#left{
float:left;
width:300px;
height:900px;
background:black;
}
footer, #push{
height:125px;
}
footer{
background:green;
bottom:0;

}
[/css]

Проблема е следният фотера не седи най-отдолу.

Фотера седи наи-отдолу само ако няма много дълги дивове. Проблема е от див cont е height:100%; се едно не е зададено нищо ако е зададено примерно height:900px; няма проблем. Аз искам автоматично да е а не аз да задавам дължина

Това не ти ли върши работа ?

не

Сложи го във div wrapper

1. Вместо height на #cont, пробвай да сложиш min-height.
2. Махни всички CSS пропъртита на #wrapper.
3. Преди <footer> тага, сложи елемент с width:100% и clear: both;

Мислех, че съм оправил проблема но се оказа, че не съм. Сега проблема е при ie фотера е посреда на страницата при хром и опера няма проблем.
[css]
html {
position: relative;
min-height: 100%;
}
body
{
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
color:black;
text-align: left;
margin:0;
}

/* responsive menu Style 'show menu' label button and hide it by default*/
.show-menu {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
color: #fff;
background: #19c589;
text-align: center;
padding: 10px 0;
display: none;
width:55px;
}

/*Hide checkbox*/
.p{
display: none;
}

/*Show menu when invisible checkbox is checked*/
.p:checked ~ #menu{
display: block;
}
/*end responsive memu*/
/* glaven konteiner*/
#wrapper {
width:100%;
margin: 0 0 100px; /* bottom = footer height */
}
footer {
position: absolute;
left: 0;
bottom: 0;
height: 100px;
width: 100%;
background: url(style/footer.gif);
}[/css]