Javascript-форум - div float left на всю высоту

Помогите вытянуть див leftside со свойством float: left; на всю высоту. Как можно такое сделать ?

<!DOCTYPE HTML>
<html>
<head>
  <title>Title of the document</title>
  <style>
html, body {
  padding: 0px;
  margin: 0px;
}

#wraper {
  width: 1018px;
  min-height: 672px;
  margin: 0px auto;
  background-color: #eaeaea;
}

#header {
  border-bottom: 1px solid #ccc;
  height: 80px;
}

#leftside {
  background-color: red;
  float: left;
  width: 250px;
  height: 100%;
}

#content {
  background-color: #ccc;
  width: 768px;
  float: left;
  height: 100%;
}
  </style>
</head>
<body>
<div id="wraper">
  <div id="header"></div>
    <div id="leftside">Left <br />side</div>
  <div id="content">Content</div>
</div>
</body>
</html>