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;
}