html - Chrome中的页边距重叠

我在一个网站上工作，我有一些css的问题。它的FF看起来不错，但铬合金上有点微红色。请帮助我如何解决这个问题。
http://thesunkissedgirls.com.au/
这是主页面，如果你向下滚动页面，你会看到3个PARARPHPHS，它们在FF中看起来不错，但是当你检查合唱时，第一段是混合标题行。
请帮我修理一下

<div style="color: white;font-size: 14px;margin: 0 0 30px 0;padding: 0;position: absolute;text-align: left;top: 780px;width: 960px; display:block;">
     Promotional Models | Photographic Models | Bikini Models | Lingerie Models | Model Competitions| Sporting Events | Dancer’s | Cheerleaders | Card Girls | Grid Girls |Poker Nights | Promo Girls | Karaoke + more
</div>

css段是

#xtra-paragraph {
    color: #DBDBDB;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 60px;
    margin-top: 35px;
    display: block;
}

#xtra-paragraph p {
    text-align: left;
}

最佳答案

您绝对是将它放置在那里，因此浏览器无法为它分配空间，如果它是静态放置的。
你需要在那里多放点地方。。。

#xtra-paragraph {
   margin-top: 50px;
}

……或者将HTML放在它应该放在下面的地方，并在默认情况下将其定位为static。