html - div ブロックで Float Left が機能しない

Question

が機能しない理由を知っている人float:leftはいますか？基本的に、正しい位置にあるdivwithがあります。それから私は最初のものの上に現れてclass=boxscore_firstいる2つを持ってdivsいます。class=boxscore最初のものの右側に順番に表示したい。私はそれらをすべてfloat隣り合わせにしたい..

HTML

<div id="menu">
    <div id="scoreboard"></div>
    <div class="boxscore_first"></div>
    <div class="boxscore"></div>
    <div class="boxscore"></div>
</div>

CSS

.boxscore_first {
    width:60px;
    height:60px;
    background-color:red;
    margin-top:-60px;
    margin-left:13px;
    float:left;
}

.boxscore {
    width:60px;
    height:60px;
    background-color:blue;
    float:left;
    margin-top:-60px;
    margin-left:13px;
}