Merhaba

Menü adlı class'ın özelliği olan arkaplan rengi, li'ye left verince divi kaplamıyor.

Bu sorunu nasıl çözebilirim? Nerede hata yapıyorum acaba?



Css

.ust { height: auto; margin:0 auto 9px auto; }
.menu { background-color:#08c1ff; }
.menu ul { padding: 0 0 0 10px; }
.menu ul li { list-style:none; float:left; margin-right: 5px;  }
.menu ul li:last-child { clear: right; }
.menu ul li a { display:block; height:37px; line-height:37px; padding:2px 15px 2px 15px; text-decoration:none!important; color:#fff; font-size:16px; background-color: #0bc7ff; }
.menu ul li a:hover { color:#FFF; background:#00acdf; }
.menu ul li a:visited { color: #fff; text-decoration: none; }

html

<div class="ust">
    <div class="menu">
        <ul> 
            <li><a href="/">Test</a></li>
            <li><a href="/">Anasayfa</a></li>
        </ul>   
    </div>
    <div class="clear"></div>
</div>