问一个简单的有关问题啊小弟我的li为什么不能横向排列，

#templatemo_menu {
    clear: both;
    width: 940px;
    height: 51px;
    padding: 0 10px;
    background: url(images/tempatemo_menu.png) no-repeat;
}

#templatemo_menu ul {
    margin: 0;
    padding: 14px 12px 0;
    list-style: none;
}

#templatemo_menu ul li {
    padding: 0;
    margin: 0;
    display: inline-block;
}

#templatemo_menu ul li a {
    float: left;
    display: block;
    font-size: 13px;
    width: 100px;
    height: 25px;
    padding: 5px 0 0 0;
    color: #afdeff;    
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    outline: none;
}

<div id="templatemo_menu">
            <ul>
                <li><a href="index.html" class="current">Home</a></li>
                <li><a href="services.html">Services</a></li>
                <li><a href="partners.html">Partners</a></li>
                <li><a href="about.html">About us</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>        
        </div> <!-- end of templatemo_menu -->