Приветствую.
Есть, допустим, такая разметка:
<header>
</header>
<div id="wrap">
<div id="contentwrapper"></div>
</div>
<footer>
</footer>
Стили:
html, body, #wrap {
height: 100%;
margin: 0px;
}
body > #wrap {
height: auto;
min-height: 100%;
}
#contentwrapper {
padding-bottom: 50px;
}
footer {
position: relative;
height: 50px;
width:100%;
background-color:#42484d;
min-height:50px;
padding:25px 0 0;
}
Вроде бы, все работает, но, если открыть, например, firebug, то футер уезжает вверх вместе с ним. Как можно исправить это?
Заранее спасибо.