我已经用静态 html、css 制作了我的网站，它工作正常。我已经在 Ie7、firefox 和 chrome 中测试过了，一切都很好。
有时文本与其他 div 重叠。我不知道这是做什么的。如果我刷新它的工作，但有时它会发生
这是 Chrome 中的错误还是我在代码中做错了什么。我只是偶尔发现它并感到惊讶，因为它只是 html 文件。
这是代码
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img alt="" data-thumb="img/ban1.png" src="img/ban1.png" />
<a href="http://dev7studios.com">
<img alt="" data-thumb="img/ban1.png" src="img/ban1.png" /></a>
<img alt="" data-thumb="img/ban1.png" src="img/ban1.png" />
<img alt="" data-thumb="img/ban1.png" src="img/ban1.png" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
</div>
</div>
<div class="news-wrap">
<strong>Latest News: </strong>06/01/10 | A guide to maximizing your investment
</div>
<div class="vert-list">
<ul>
<li>
<div class="left-part">
<div class="head-txt">
<img src="img/li1-h.png" alt=""/>
</div>
<div class="txt">
error sit voluptatem accusantium doloremque laudantium,
</div>
<div class="lm">
<img src="img/lm1.png" alt=""/>
</div>
</div>
<div class="right-part">
<img src="img/li-i1.png" alt=""/>
</div>
</li>
<li class="mid">
<div class="left-part">
<div class="head-txt">
<img src="img/li2-h.png" alt=""/>
</div>
<div class="txt">
error sit voluptatem accusantium doloremque laudantium,
</div>
<div class="lm">
<img src="img/lm2.png" alt=""/>
</div>
</div>
<div class="right-part">
<img src="img/li-i2.png" alt=""/>
</div>
</li>
<li>
<div class="left-part">
<div class="head-txt">
<img src="img/li3-h.png" alt=""/>
</div>
<div class="txt">
error sit voluptatem accusantium doloremque laudantium,
</div>
<div class="lm">
<img src="img/lm3.png" alt=""/>
</div>
</div>
<div class="right-part">
<img src="img/li-i3.png" alt=""/>
</div>
</li>
</ul>
</div>
这是风格
.slider-wrapper {
float: left;
margin-top: -2px;
position: relative;
}
.news-wrap {
background: url('img/news.png') no-repeat;
height: 22px;
width: 100%;
margin-top: 330px;
padding-left: 19px;
padding-top: 8px;
}
.news-wrap strong {
font-weight: bold;
}
.vert-list {
margin-top: 12px;
}