html - Multiple Borders with CSS3 with Extended Sidebar -

i want achieve sidebar element background colour continues down page content. have managed add "line" or border located right next sidebar.

if @ fiddle,

http://jsfiddle.net/mattstrange/brm7r/

<div id="container"> <div id="content">this content</div> <div id="sidebar">lorem ipsum dolor sit amet, consectetur adipiscing elit. aenean lacinia tincidunt nisi @ fermentum. lorem ipsum dolor sit amet, consectetur adipiscing elit. aenean lacinia tincidunt nisi @ fermentum.</div> 

i "green" background line right next red background sidebar positioned on right.

how achieve this?

cheers

try :

#container{     background-color:#9cc;     overflow:hidden;     width:500px; } #content {       width:400px;     border-left:100px solid #c33;      margin-left:-100px;     float:right;     display:block; } #sidebar {     background-color:#c33;     width:100px;     border-right:2px solid green;     display:block;     box-sizing:content-box; }