Ребя, помогите, всю голову сломал, не центруется див с ид body, хоть убей...(выделено красным) HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>***оглавление***</TITLE> <META content="text/html" charset="windows-1251" http-equiv="Content-Type"> <META name=description content="***описание***"> <META name=keywords content="***ключ.слова***"> <META name=GENERATOR content="MSHTML 8.00.6001.18928"> <LINK rel=stylesheet type=text/css href="dump_files/style2.css"> </HEAD> <BODY> <DIV id=fon></DIV> [color="#FF0000"]<DIV id=body>[/color] <DIV id=header> <!--villages | villages | millennium--> <DIV class=color-brown onmouseover=overmenu(); onmouseout=outmenu();> <DIV class=top_pos> <SPAN id=menu_text> <A style="MARGIN-LEFT: 11px" class=active href="#">Menu1</A> <A style="MARGIN-LEFT: 31px" href="#">Menu2</A> <A style="MARGIN-LEFT: 31px" href="#">Menu3</A> <A style="MARGIN-LEFT: 31px" href="#">Menu4</A> <A style="MARGIN-LEFT: 31px" href="#">Menu5</A> <A style="MARGIN-LEFT: 31px" href="#">Menu6</A> <A style="MARGIN-LEFT: 31px" href="#">Menu7</A> </SPAN> </DIV> <script> var submenu=''; submenu+='<a style="margin-left:100px" href="#">Лестницы в бетоне</a>'; submenu+='<a style="margin-left:30px" href="#">Лестницы с отделкой</a>'; var clearsub=' '; </SCRIPT> <DIV class=down_pos> <A class="active" onmouseover="faded = window.setInterval('initfade(clearsub);',0);" onmouseout="window.clearInterval(faded)" href="#">Главная</A> <A style="MARGIN-LEFT: 32px" onmouseover="faded = window.setInterval('initfade(clearsub);',0);" onmouseout="window.clearInterval(faded)" href="#">Продукция</A> <A style="MARGIN-LEFT: 32px" onmouseover="faded = window.setInterval('initfade(clearsub);',0);" onmouseout="window.clearInterval(faded)" href="#">Типы лестниц</A> <A style="MARGIN-LEFT: 32px" onmouseover="faded = window.setInterval('initfade(submenu);',0);" onmouseout="window.clearInterval(faded)" href="#">Галерея лестниц</A> <A style="MARGIN-LEFT: 32px" onmouseover="faded = window.setInterval('initfade(clearsub);',0);" onmouseout="window.clearInterval(faded)" href="#">Ковка</A> <A style="MARGIN-LEFT: 32px" onmouseover="faded = window.setInterval('initfade(clearsub);',0);" onmouseout="window.clearInterval(faded)" href="#">Стоимость</A> <A style="MARGIN-LEFT: 32px" onmouseover="faded = window.setInterval('initfade(clearsub);',0);" onmouseout="window.clearInterval(faded)" href="#">Контакты</A> </DIV> </DIV></DIV> <!-- HEADER --><!-- CONTENT --> <DIV id=content> <DIV class=main_column> <DIV style="Z-INDEX: 102; POSITION: relative"> <DIV id=card></DIV></DIV> <DIV class=main_pad> <DIV class=img_heading><A href="#"><IMG height=75 src="" width="280" border=0></A></DIV> </DIV> <DIV id=clear></DIV></DIV> <DIV id=color_header> <DIV class=color-brown> <DIV class=middle_pos></DIV></DIV> <!-- CONTENT --><!-- FOOTER --> <DIV id=footer> <DIV style="MARGIN: 5px 0px 0px; FLOAT: left">Телефон для заказов </DIV> <DIV style="MARGIN: 5px 0px 0px; FLOAT: right">© 2010 ***Информация о авторских правах*** </DIV> <!-- analyze counter --> <IMG src="dump_files/counter.htm" width=1 height=1> <!-- /analyze counter --> <script type=text/javascript> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </SCRIPT> </DIV></DIV><!-- /FOOTER --> </BODY> </HTML> style2.css: BODY { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Tahoma; BACKGROUND: #571100; COLOR: #666666; FONT-SIZE: 11px; PADDING-TOP: 0px } IMG { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none } TABLE { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none } A { CURSOR: pointer; TEXT-DECORATION: none } A:link { COLOR: #0000ff } A:visited { COLOR: #3366ff } A:hover { TEXT-DECORATION: underline } A:active { COLOR: #ff0000 } P { PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } FORM { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .png { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; BEHAVIOR: url(/pngbehavior.htc) } UL.menu { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } UL.menu LI { LIST-STYLE: none url(../img/li-arrow-right.gif) outside; LINE-HEIGHT: 14px; FONT-FAMILY: Tahoma; COLOR: #c41130; FONT-SIZE: 10px; FONT-WEIGHT: bold } UL.menu LI.active { COLOR: #000000; LIST-STYLE-IMAGE: url(../img/li-arrow-active.gif) } UL.menu LI A { COLOR: #c41130 } UL.menu LI A:hover { COLOR: #000000 } UL.no-image { PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } UL.no-image LI { LINE-HEIGHT: 13px; LIST-STYLE-TYPE: none; FONT-FAMILY: Tahoma; COLOR: #333333; FONT-SIZE: 10px; FONT-WEIGHT: normal; LIST-STYLE-IMAGE: none } .main_news_item { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .main_news_item A.imglink { BORDER-BOTTOM: #b29778 1px solid; BORDER-LEFT: #b29778 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 57px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 37px; BORDER-TOP: #b29778 1px solid; BORDER-RIGHT: #b29778 1px solid; PADDING-TOP: 0px } .main_news_item A.imglink IMG { MARGIN: 0px; WIDTH: 57px; HEIGHT: 37px } .main_news_item A.imglink:hover { BORDER-BOTTOM: #b29778 1px solid; BORDER-LEFT: #b29778 1px solid; WIDTH: 53px; HEIGHT: 35px; BORDER-TOP: #b29778 1px solid; BORDER-RIGHT: #b29778 1px solid } .main_news_item A.imglink:hover IMG { BORDER-BOTTOM: #b29778 1px solid; POSITION: absolute; BORDER-LEFT: #b29778 1px solid; MARGIN-TOP: -8px; WIDTH: 69px; HEIGHT: 47px; MARGIN-LEFT: -8px; BORDER-TOP: #b29778 1px solid; BORDER-RIGHT: #b29778 1px solid } .main_news_item2 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .main_news_item2 A.imglink { BORDER-BOTTOM: #f00 1px solid; BORDER-LEFT: #f00 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 57px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 37px; BORDER-TOP: #f00 1px solid; BORDER-RIGHT: #f00 1px solid; PADDING-TOP: 0px } .main_news_item2 A.imglink IMG { MARGIN: 0px; WIDTH: 57px; HEIGHT: 37px } .main_news_item2 A.imglink:hover { BORDER-BOTTOM: #b29778 1px solid; BORDER-LEFT: #b29778 1px solid; WIDTH: 53px; HEIGHT: 35px; BORDER-TOP: #b29778 1px solid; BORDER-RIGHT: #b29778 1px solid } .main_news_item2 A.imglink:hover IMG { BORDER-BOTTOM: #b29778 1px solid; POSITION: absolute; BORDER-LEFT: #b29778 1px solid; MARGIN-TOP: -8px; WIDTH: 69px; HEIGHT: 47px; MARGIN-LEFT: -8px; BORDER-TOP: #b29778 1px solid; BORDER-RIGHT: #b29778 1px solid } DIV.main_bg .beieg { POSITION: relative; BACKGROUND: #f0eae4; HEIGHT: 100% } DIV.main_bg .beieg .up_logo { POSITION: absolute; MARGIN: 25px 0px 0px 507px } DIV.main_bg .beieg .plan { PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; WIDTH: 400px; PADDING-RIGHT: 20px; HEIGHT: 400px; PADDING-TOP: 20px } .homes { LINE-HEIGHT: 14px; FONT-FAMILY: Tahoma; COLOR: #333333; FONT-SIZE: 11px; FONT-WEIGHT: normal } .homes2 { LINE-HEIGHT: 14px; FONT-FAMILY: Tahoma; COLOR: #333333; FONT-SIZE: 10px; FONT-WEIGHT: normal } [color="#FF0000"]#body { position: relative; MARGIN: 0 auto; WIDTH: 981px;[/color] } #sound { PADDING-BOTTOM: 0px; MARGIN: 6% 0px 0px 701px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } #clear { CLEAR: both } #header { POSITION: relative; MARGIN: 0px; WIDTH: 981px; HEIGHT: 67px; } #header .top_pos { PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 45px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; COLOR: #ffffff; PADDING-TOP: 0px } #header .down_pos { PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 45px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; COLOR: #ffffff; PADDING-TOP: 0px } #header .top_pos A { COLOR: #ffffff; TEXT-DECORATION: none } #header .down_pos A { COLOR: #ffffff; TEXT-DECORATION: none } #header .top_pos A:hover { COLOR: #571100; TEXT-DECORATION: none } #header .down_pos A:hover { COLOR: #571100; TEXT-DECORATION: none } #header .top_pos { FONT-SIZE: 9px; PADDING-TOP: 21px } #header .down_pos { FONT-SIZE: 11px; PADDING-TOP: 15px } #header .down_pos SPAN { COLOR: #000000 } #header .top_pos SPAN { COLOR: #000000 } #header A.active { COLOR: #000000; TEXT-DECORATION: none } #color_header .middle_pos { PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 45px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; COLOR: #ffffff; FONT-SIZE: 9px; PADDING-TOP: 27px } #color_header .middle_pos A { COLOR: #ffffff; TEXT-DECORATION: none } #color_header .middle_pos A.active { COLOR: #000; TEXT-DECORATION: none } #color_header .middle_pos A:hover { COLOR: #571100; TEXT-DECORATION: none } #color_header .middle_pos SPAN { COLOR: #000000 } #content { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 981px; PADDING-RIGHT: 0px; BACKGROUND: #fff; HEIGHT: 440px; PADDING-TOP: 0px } #content A { COLOR: #571100 } #content .left { PADDING-BOTTOM: 0px; MARGIN: 0px 70px 0px 0px; PADDING-LEFT: 0px; WIDTH: 749px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 22px } #content .right { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 147px; PADDING-RIGHT: 0px; FLOAT: right; PADDING-TOP: 25px } #content .description { PADDING-BOTTOM: 0px; MARGIN: -2px 0px 0px; PADDING-LEFT: 46px; PADDING-RIGHT: 0px; OVERFLOW: auto; PADDING-TOP: 0px } #content .description .about_img { MARGIN: 0px 40px 0px 0px; WIDTH: 230px; FLOAT: left } #content .description .about { WIDTH: 430px; FLOAT: left; HEIGHT: 400px; OVERFLOW: auto } #content .description .about H1 { PADDING-BOTTOM: 17px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; COLOR: #a78076; FONT-SIZE: 18px; FONT-WEIGHT: normal; PADDING-TOP: 0px } #content .description .about P { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } #content .img_heading { PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px -46px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } #content .news_column { MARGIN: 0px 25px 0px 0px; WIDTH: 254px; FLOAT: left } #content DIV.column { PADDING-TOP: 5px } #content DIV.column H1 { PADDING-BOTTOM: 5px; MARGIN: 0px; FONT-FAMILY: Arial Narrow; COLOR: #a78076; FONT-SIZE: 20px; FONT-WEIGHT: normal; PADDING-TOP: 0px } #content DIV.column P { PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 4px } #content P.news { PADDING-BOTTOM: 15px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Tahoma; COLOR: #333333; FONT-SIZE: 11px; PADDING-TOP: 0px } #content P.news SPAN { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; COLOR: #333333; FONT-WEIGHT: bold; PADDING-TOP: 0px } #content P.news A { COLOR: #c41130 } #content .article { SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #c41130; WIDTH: 417px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; FLOAT: left; HEIGHT: 400px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff } #content .scrollbar { SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #c41130; WIDTH: 254px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; FLOAT: left; HEIGHT: 371px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff } #content .article H1 { PADDING-BOTTOM: 17px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; COLOR: #a78076; FONT-SIZE: 18px; FONT-WEIGHT: normal; PADDING-TOP: 0px } #content .article P { PADDING-BOTTOM: 11px; MARGIN: 0px } #content .main_column { WIDTH: 327px; FLOAT: left; HEIGHT: 440px; OVERFLOW: hidden } #content .main_column H1 { PADDING-BOTTOM: 5px; MARGIN: 0px; FONT-FAMILY: Arial Narrow; COLOR: #a78076; FONT-SIZE: 20px; FONT-WEIGHT: normal; PADDING-TOP: 0px } #content .main_column P { PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 4px } #content .newyear { WIDTH: 327px; BACKGROUND: url(../img/snow.jpg) no-repeat 50% bottom; HEIGHT: 440px } #content .main_pad { PADDING-BOTTOM: 0px; PADDING-LEFT: 46px; PADDING-RIGHT: 15px; PADDING-TOP: 20px } #content .main_pad .scroll { SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #c4112f; WIDTH: 260px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; MARGIN-BOTTOM: 21px; HEIGHT: 273px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff } #content .main_bg { WIDTH: 654px; FLOAT: left; HEIGHT: 440px } #content .main_bg A { COLOR: #ffffff; TEXT-DECORATION: none } #content .main_bg A:hover { COLOR: #c41130; TEXT-DECORATION: underline } #content DIV.podpis3 { TEXT-ALIGN: left; PADDING-BOTTOM: 2px; TEXT-TRANSFORM: uppercase; BACKGROUND-COLOR: #b29778; MARGIN: 0px; PADDING-LEFT: 2px; WIDTH: 57px; PADDING-RIGHT: 0px; FONT-FAMILY: Tahoma; HEIGHT: 7px; COLOR: #ffffff; FONT-SIZE: 7px; PADDING-TOP: 0px }
