排版遇到问题，具体情况见图片，现贴上代码
<style type="text/css">
/* lxf-box */
#lxf-box{position:relative;width:1160px;margin:0 auto;}
#lxf-box a{display:block;width:387px;background:#fff;}
#lxf-box li{position:absolute;text-align:center; left:0px;top:0;width:387px;padding-right:7px;padding-bottom:4px; border:1px solid #FFF;}
#lxf-box li{-webkit-transition:all .7s ease-out .1s;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out .1s;transition:all .7s ease-out .1s }
#lxf-box img{display:block;border:0;margin:0 auto;margin-bottom:15px; width:100%;}
#lxf-box strong{display:block;font-size:16px;color:#000;height:20px;line-height:20px;}
#lxf-box span{display:block;color:#606060;margin:10px;height:20px;font-weight:normal;font-size:12px;}
</style>
<div><img src="img/bottom.jpg" width="1300" height="100" /></div>
<ul id="lxf-box">
<li><a href="http://www.17sucai.com/"><img src="img/1.jpg"></a></li>
<li><a href="http://www.17sucai.com/"><img src="img/3.jpg"></a></li>
<li><a href="http://www.17sucai.com/"><img src="img/1.jpg"></a></li>
<li><a href="http://www.17sucai.com/"><img src="img/3.jpg"></a></li>
</ul>

这是什么吧？CSS吧？广告吧？

屎达内吧