#leftbar{
  float:left;
  width:30%;
  height:600px;
  background-color:#c8dae1;
}

floatを使用して左30%、右70%の可変幅で2段組を作成しています。
ブラウザのサイズ(幅)を小さくするとレイアウトが崩れるので注意が必要です。

#content{
  float:right;
  width:70%;
  height:600px;
  background-color:#cccccc;
}

floatさせるものには、必ずwidthを指定しましょう。

[Download CSS]