IE 7 выпуск HTML / CSS

Question

Привет, у меня возникла проблема с IE 7 .... У меня есть заголовок и текст в Firefox, то есть 8, 9, Chrome, между ними есть пробел. Однако в IE 7 не является.

http://jamessuske.com/thornwood2/

HTML-код

<div class="contentHeader">

 Thornwood Fine Homes

</div><!--contentHeader-->

<div class="contentTextIndex">

<p>In hac habitasse platea dictumst. Curabitur sed augue eget elit tristique venenatis. In ligula dui, facilisis in varius vitae, ullamcorper at risus. Mauris dictum aliquam massa, in elementum lacus vehicula quis. Aliquam erat volutpat. Aenean velit enim, rutrum ut laoreet ac, convallis eu orci. Etiam ac justo iaculis nunc iaculis mattis. Nam porta, lacus ac lobortis congue, leo nunc scelerisque leo, a sodales odio neque nec ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vel sem eu eros congue elementum in tincidunt neque. </p><p>Cras sed pretium quam. Morbi metus lorem, pulvinar a lacinia sed, molestie at ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec et justo metus, id vehicula erat. Nam ullamcorper mattis accumsan. Phasellus euismod egestas posuere. Nulla sed leo nulla. In sagittis interdum justo, ornare euismod ligula lacinia ac. Aliquam erat volutpat. </p>

</div><!--contentTextIndex-->

CSS-код

.contentHeader{
font-family:Verdana, Geneva, sans-serif;
font-size:36px;
margin:0px;
padding:0px;
}

.contentTextIndex{
width:350px;
font-size:16px;
float:left;
}

Спасибо за помощь:)

Answer 1

Это потому, что браузеры имеют разные поля по умолчанию для разных элементов, просто установите их явно, как это

.contentTextIndex{
width:350px;
font-size:16px;
float:left;
margin:10px 0px;
}