html - 定位 div 的问题

Question

我知道已经有很多关于这个的问题，但我根本找不到解决方案。我的代码基本上是正确的 - 但我在跨度 c 的右侧有一个空白。我很确定这是因为它们漂浮在向左漂浮的容器中，但我已经研究并尝试了很多方法 - 我似乎在某个地方出错了？有任何想法吗？JS FIDDLE http://jsfiddle.net/senoramor/3MQrA/

#topNav{
    float:right;
    height:50%;
    width: 450px;
    border: solid red 1px;
}
#a{
   float:left;
   width:33%;
    bottom:2px;
}
#a a:link{
    text-align:center;
    background-color:green;
}
#b{
    float:left;
   width:33%;
    margin:0 auto;
}
#b a:link{
    text-align:center;
    background-color:green;
}
#c{
    float:left;
    width:33%;
    width:150px;

}
#c a:link{
    text-align:right;    
    background-color:yellow;
}
span.clear{
    clear:both;