Добрый день. У меня есть Футер, который скрадается с пнг картинки, понятно что она должна быть всегда прижата к низу и быть по центре. Код css: body{ background-color: #3f822e ; background-image: url(img/fon1.png); background-repeat: repeat-x; margin: 0px; } .main{ background-image: url(img/fon2.png); height: 875px; width: 1000px; margin: 0 auto; } .footer{ background-image: url(img/foot1.png) ; height: 72px; width: 1000px; position: absolute; bottom: 0px; margin: 0 auto; background-color: #142A0E; } Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Соломия Тур</title> <meta HTTP-EQUIV="Content-Type" Content="text/html;Charset=Windows-1251"> <meta HTTP-EQUIV="Refresh" Content="100"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="main"></div> <div class="footer"></div> </body> </html> Как выровнять футер картинку по центру? Использывал "margin: 0 auto;", но он не работает с "position: absolute;bottom: 0px;", а если оставить только "margin: 0 auto;", то картинка есть по центру, но висит в "воздухе", а надо прижать к низу.