css李图像排列跳位置

-1

我有我的问题，我的IMG当我分配<ul>有人可以告诉我什么事情发生吗？css李图像排列跳位置

CSS

<style> 
.contain { 
    width: 740px; 
    height: auto; 
    margin-top: 10px; 
} 
.contain ul li img { 
    border: 1px solid #999; 
    width: 127px; 
    height: 180px; 
} 
.contain ul li { 
    float:left; 
    text-decoration: none; 
    list-style-type: none; 
    margin-top: 15px; 
    margin-right: 8px; 
    margin-bottom: 15px; 
    margin-left: 7px; 
    display: block; 
} 
</style>

HTML

<div class="contain"> 
    <ul> 
     <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li> 
     <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li> 
     <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li> 
     <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li> 
     <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li> 
     <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li> 
     <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li> 
     <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li> 
     <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li>  
     <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li>    
    </ul>

但IMG输出象下面这样：

enter image description here