Подскажите пожалуйста, есть css и html:
Как сделать, чтобы в этом случае при маленькой высоте экрана блок footer не перекрывал другие блоки? http://jsfiddle.net/04h63539/
body {
background-color: #f1f1f1;
border: 0;
zoom: 1;
width: auto;
position: relative;
max-width: 550px;
border-left: 8px solid red;
border-right: 8px solid red;
margin: 0 auto;
padding: 0;
min-height: 100%;
height: auto !important;
}
html {
width: 100%;
height: 100%;
background-color: #f1f1f1;
margin: 0 auto;
}
.us {
position: relative;
width: 170px;
height: 170px;
background-color: #DBDBDB;
display: table-cell;
}
.footer {
display: block;
background-color: #515151;
position: absolute;
bottom: 0px;
width: 100%;
height: 80px;
}
<body>
<div>
<div class="us"></div>
<div class="footer"></div>
</div>
</body>