Все добрый день, помогите пожалуйста сделать так чтобы футер оставался всегда внизу страницы, перебробовал разные варианты не получается, вот примерная структура страницы <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd"> <html> <head> <body> <div id="cont"> <div id="otziv"> <div id="main"> <div id="container"> <div id="footer"> </div> </div> </body> </html> CSS #cont { margin-left: -550px; position: relative; width: 1100px; } #otziv { background: url("../imgs/otziv.jpg") no-repeat scroll 0 0 transparent; float: left; height: 197px; left: 10px; position: relative; top: 152px; width: 55px; } #main { background: url("../imgs/shadow.jpg") repeat-y scroll 0 0 transparent; float: left; width: 1000px; } #container { height: auto; width: 1000px; } #footer { background: none repeat scroll 0 0 #F5F3F3; clear: both; float: left; left: 12px; list-style-type: none; padding-top: 10px; position: relative; width: 979px; }