和css

.btns {
    position: relative;
}

.num {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

#green,#red {
    display: inline-block;
    width: 49%;
    position: relative;
}

.green_btn,.red_btn {
    margin-bottom: 4px;
}

我无法弄清楚为什么绿色范围下的(1)在红色按钮下的行为不像(0).如果我删除底部：0;它修复了绿色,但却让人发红.

这里有一个jsfiddle来说明问题http://jsfiddle.net/HajHV/

我在这里错过了什么？