HTML5/CSS DIV没有水平对齐？

我很难得到这个工作，由于一些奇怪的原因DIV的水平正确对齐，但第二个div结束了第一个。任何帮助将不胜感激。HTML5/CSS DIV没有水平对齐？

HTML：

<footer> 
    <div class="inner"> 
    <section id="footer-copyright" class="clear left"> 
    <ul> 
    <li>© 2013 
    <a href="/">Company</a> 
    | 
    <a href="sitemap.html">Sitemap</a> 
    | 
    <a href="privacy.html">Privacy Policy</a> 
    </li> 
    </ul> 
    </section> 
    <section class="footer-box clear right"> 
    <ul> 
    <li>Design by <a href="/" target="new">Template</a></li> 
    </ul> 
    </section> 
    </div> 
</footer>

CSS：

footer .inner { 
    padding-top: 50px; 
} 

#footer-copyright { 
    display: block; 
    padding-top: 35px; 
    width:50%; 
} 

#footer-box { 
    display: block; 
    padding-top: 35px; 
} 

footer ul { 
    color: #FFFFFF; 
    list-style: none outside none; 
    padding: 10px 0; 
} 

.inner { 
    margin: 0 auto; 
    position: relative; 
    width: 1000px; 
} 

.clear { 
    clear: both; 
    display: block; 
} 

.right, .alignright { 
    float: right; 
} 

.left { 
    float:left; 
}

也许我只是需要一套新的眼睛... :)

您可以查看工作链接here

来源

2013-01-21 Adam Huddleston