css - Z-index が機能していない div が上に並んでいません

Question

私はレイアウトに取り組んでおり、div を上下に並べて表示するのではなく、並べて表示する必要があります。navbox は右側の上に配置する必要があります。navbox の z-index を設定しましたが、違いはありません。

私はフィドルを作りましたhttp://jsfiddle.net/JGesg/

これがdivのcssです。

#navbox
{
    background: red;
    width:70px;
    height:50px;
    z-index:50;
    top:0;
    float:right;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 5px;
}


#right-side{
    top:5%;
    width:20%;
    height:90%;
    float:right;
    padding:0.2%;
    background-color: green;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

Answer 1

div#navbox内に div を配置します#right-side