3 søjler Div med google maps

Jeg er ved at lave en side med 3 søjler, har fundet følgende som laver dem lige høje.
Det virker fint.


<div id="container">

  <div id="inner">

  <div class="col1">
    <p>1</p>
  </div>

  <div class="col2">
    <p>2</p>
  </div>

  <div class="col3">
    <p>2</p>
  </div>

</div>
</div>


#container {
  position: absolute;
  top: 70px;
  float: left;
  padding-bottom: 1px;
  z-index:1;
}


#inner {
  float: left;
  overflow: hidden;
  z-index:1;
}

#inner div {
  float: left;
  width: 890px;
  margin-right: 10px;
  margin-bottom: -1000px;
  padding-bottom: 1000px;
  z-index:1;
}

#inner .col1 {
  background: #88F;
//  margin-right: 10;
  width: 110px;
  padding-left: 5px;
  z-index:1;
}

#inner .col2 {
// position: relative;
// float: left;
  width: 740px;
  padding-left: 5px;
  margin-right: 0;
  z-index:1;
}

#inner .col3 {
position: relative;
// height: 100px;
//  overflow: hidden;
//  float: right;
//  top: 150px;
  width: 146px;
  padding-left: 5px;
  margin-right: 0;
  z-index:1;
}