html - left:0 div を追加すると、right:0 div が消えます

Question

私が持っているメインのdivの両側にいくつかのdivを追加しようとしています

#maindiv ( position:relative)

#borderright (
position: absolute;
background: red;
width: 3px;
height: 100%;
right: 0)

#borderleft(
position: absolute;
background: red;
width: 3px;
height: 100%;
left:0)

今私がするとき

      <div id="maindiv">
    <div id="borderright">
</div>
        <div id="rightborder">
</div>
    <div id="leftborder">
</div>

</div>

左のdivを削除すると、右のdivが表示されます...

私は何を間違っていますか？

ご協力いただきありがとうございます ：）

編集: Chrome で css を見ると、div id rightborder スタイルが空であるように見えます。表示モードでスタイルを自分で持っていれば動作します!? 繰り返しますが、左の di (leftborder) を削除すると、rightborder が表示されます... 変ですね。

Edit2:私を最も驚かせたのは、1つのdivを追加すると、もう一方のスタイルが削除され、クロムでチェックすると: rightborder:()