Нужно: Фон всего документа голубой, а рабочая область - белый. Но в браузе белый заполнает по бокам области голубого. Что я не так сделал, подскажите, пож-ста?.. css: * { margin: 0; padding: 0; border: 0; background: #A7D1EF; } body { padding: 0; background: #FFF; color: #4A2D1E; font-family: Arial, Tahoma,; font-size: 12px; } #container { position:relative; width: 1000px; margin: 0 auto; background:#FFF; height: 800px; } #head { position:absolute; width: 1000px; height: 300px; } #countries { position:absolute; background-image:url(images/countries.gif); width: 174px; height: 432px; left: 12px; top: 310px; } html: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!-- TemplateBeginEditable name="doctitle" --> <title>Документ без названия</title> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="container"> <div id="head"><img src="images/header.jpg" alt="header" width="1000" height="300" border="0"> </div> <div id="countries"></div> </div> </body> </html> На скрине область, обведенная красным должна быть белой, а все что за ней - голубое как внизу:
