CSS3 Border-image Gradient

HTML

<div id="wrapper">
  <div id="left">left</div>
  <div id="right">right</div>
  <div id="footer">footer</div>
</div>

CSS

#wrapper{
width:800px;
    height: 600px;
    position: relative;
    border: 1px solid #333;
}
 #left{
 float:left;
 width: 200px;
 }
#right{
  float: left;
  width: 600px;
}
#footer{
  width:800px;
  height: 20px; 
  position: absolute;
    bottom: 0;
}