ご覧のとおり、最初の (黄色で囲まれた) div と 2 番目 (赤い輪郭で囲まれた) div の間にギャップがあります。私はいくつかのことを試しましたが、今のところ何もうまくいきません。
#borderLeft{
background: url(../01_templates/borderLeft.png) left no-repeat;
display:inline;
position relative;
left:50px;
float:left;
width:133px;
border:1px dotted yellow;
}
#border{
background: url(../01_templates/borderCenter.png) left repeat-x;
display:inline;
position:inherit;
width:100%;
border:1px dotted red;
margin-right:116px;
}
#borderRight{
background: url(../01_templates/borderRight.png) left no-repeat;
display:inline;
float:right;
position:absolute;
right:0px;
border:1px dotted yellow;
width:133px;
}
<div id="borderLeft"></div>
<div id="border"></div>
<div id="borderRight"></div>