Всем доброго времени суток. Только начал свой путь верстальщика. Сейчас работаю над одним из учебных шаблонов данного форума. Мой style.css html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote { padding: 0; margin: 0; font-size: 100%; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } td, th, caption { font-weight: normal; text-align: left; } img, fieldset { border: 0; } ol { padding-left: 1.4em; list-style: decimal; } ul { padding-left: 1.4em; list-style:square; } q:before, q:after { content:''; } #header { height: 401px; background: url(images/header_bg.png) repeat-x; } #header .contact { margin-top: 45px; } Мой index.html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Раира</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="header"> <div class="contact"> <p>Круглосуточная концультация по телефону</p> <p>(495) 123-45-67</p> </div> </div> </body> </html> Вопрос: Почему добавляя margin-top: 45px; вложенному блоку class="contact", поле добавляется и к блоку id="header" и опускает его на 45px а не только блок class="contact" ? Решил данную проблему путем добавления свойства position: relative; блоку id="header" и свойства position: absolute; блоку class="contact". Но хотелось бы узнать почему так происходит. Спасибо!