title的现height为32我理解了，但原height是否是34？

原问题有更改：

#title li{

        display:inline-block;

        text-align:center;

        width:60px;

        line-height:30px;

        padding:0;

        border:1px solid #999999;

        border-bottom:none;

        margin-left:5px;

    }

    #title li.on{

        border-top:2px solid #8B4513;

        border-bottom:2px solid #FFFFFF;

    }

    #title{

        border-bottom:2px solid #8B4513;

        height:32px;

    }

为了显示的清楚，原题中的白色被我换成了蓝色。

如图C所示，为了达到题目中蓝色线条部分空白的效果，title的height被设置为32，height=line-height30+border-top2

但如果删除height=32的条件，就会变成如图B所示，但是我不知道如图B所示的height是否是34？