CSS inhoud probleem

Ik ben bezig met een css layout, alleen ik heb daar een klein probleempje dat ik zelf niet verholpen krijg.

Dit is de site waar het omgaat: http://www.picel.nl/cms/cms.html

Je zit aan de linker kant van dit soort | staan, deze streepjes moeten binnen de div vallen

Dit is de css die daar bij hoort.
#Content{
width:800px;
height:100%;
background-color:#DFEAE9;

min-height:50px;

margin:0 auto;


border-left:1px solid #2a2a2a;
border-top:1px solid #2a2a2a;
border-right:1px solid #2a2a2a;
}
#Content_Left{
float: left;
height: 100%;
width: 575px;
min-height:50px;
}
#Content_Right{
height: 100%;
width: 25px;
float: right;
min-height:50px;
}
#Content_Center{
width: 200px;
height:100%;
/*min-height:600px;*/
background-color:#c7d6d5;

min-height:50px;

margin-left: 575px;
margin-right: 25px;
}

Dit zijn de div in het layout:
<div id="Content">
<div id="Content_Left">|<br />
|<br />
|<br />
|<br />
|<br />
|<br />
|<br />
|<br />
|<br />
|<br />
|</div>
<div id="Content_Right">..</div>
<div id="Content_Center">//|<br />
</div>
</div>

Kan iemand mij vertellen wat het probleem is?

Alvast bedankt voor je hulp ! :D:D