css: html { background: #000 url('images/main-bg.jpg') repeat-x; } body { background: url('images/colors.png') no-repeat top center; } #wrapper { background: url('images/wr-bg.png'); margin: 105px auto 0 auto; max-width: 1180px; max-width: 790px; height: 500px; } html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Mockup</title> <link href="styles.css" type="text/css" rel="stylesheet" media="screen" /> </head> <body> <div id="wrapper"> </div> <!-- end wrapper --> </body> </html> Почему когда я добавляю фон в тэг html, красно-зелено-синий фон в тэге body сдвигается вместе с div'ом wrapper? http://img444.imageshack.us/img444/1904/84082244.jpg А если убрать тэг html вообще, то все "почти" как надо работает? http://img132.imageshack.us/img132/3065/86678687.jpg