html清除浮动后样式依旧错误。。怎么破，求解
html代码如下：
 <div class="right clearfix">
     <div class="top">
         <ul class="clearfix">
             <li>夜空中最亮的星 |</li>
                <li>送别 |</li>
                <li>没有什么不同 |</li>
            
            </ul>
        
        
        </div>
        <div class="bott clearfix">
         <ul class="clearfix">
         <li><img src="img/1.jpg" alt="tup1"></li>
            <li><img src="img/2.jpg" alt="tup2"></li>
            <li><img src="img/3.jpg" alt="tup3"></li>
            <li><img src="img/4.jpg" alt="tup4"></li>
            <li><img src="img/5.jpg" alt="tup5"></li>
            <li><img src="img/6.jpg" alt="tup6"></li>
            <li><img src="img/7.jpg" alt="tup7"></li>
            <li><img src="img/10.jpg" alt="tup10"></li>
            <li><img src="img/15.jpg" alt="tup15"></li>
            
        
        </ul>
        
        
        </div>
    
   

</div>

css样式代码如下：

.right{
float:right;

}

.right .top{
width:750px;
height:60px;