<div> højde skal følge anden <div>

Hej alle

Jeg sider lige og grubler lidt over et lille problem jeg er rendt ind i da jeg vil lave mit layout i Ren <DIV>

Har følgende ret simple setup :

<div class="container">
  <div class="leftborder">
  </div>
     
  <div class="content">
      Bla bla bla, en masse indhold. Skal definere højden
  </div>
     
  <div class="rightborder">
  </div>
</div>


Min left og right border laver, som det ligger i navnet, kanter på mit content <div> med et images og repeat.

Vil meget gerne ha' at de følger højden på min content <div>, men som det er nu lever de sit eget selvstændige liv (Som måske nok er megt logisk).

Men jeg kan ikke lige gennemskue hvordan man kan få dem til at følges. Har eksperimenteret med Height 100% og margin og det ene og andet uden held.

Er der nogen der har et forslag.

Mit CSS er som følger :

.container {

  height: 100%;
  width: 1003px;
}

.container .leftborder {

  background-color: #f8f8f8;
  width: 8px;
  float: left;

}
.container .content {

  background-color: #f8f8f8;
  width:987px;
  float: left;
}

.container .rightborder {

  width: 8px;
  background-image: url(/ContentRight1px.jpg);
  background-repeat: repeat-y;
  float: left;
}