колонки одинаковой высоты

[dima2207]

Всем привет !

Подскажите как сверстать страницу что-бы колонки были одинаковой высоты ?

Напримере:

body {
margin:2em;
padding:0;
background: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

a {
color:#cc0000;
text-decoration:underline;
}

a:hover {
color:#000000;
text-decoration:none;
}

blockquote {
margin:2em;
padding:1.9em;
font-weight: bold;
font-size: 12px;
color: white;
background-color:#000000;
border-top:4px solid #FEED91;
border-bottom:4px solid #FEED91;
}

blockquote p {
margin:.1em;
}

#header {
margin: 0 0 0.2em 0;
padding: 1em 1.5em;
height:8em;


/* CHANGED */
background: #343434 url('header.jpg') no-repeat top left;
border:0px solid ##2D5289;;
}

#header h1 {
margin:0;
padding:0;
font-size:24px;
color: black;
font-family: Arial, Helvetica, sans-serif;
}

#header h3 {
margin:0;
padding:0;
font-size:18px;
color: black;
font-family: Arial, Helvetica, sans-serif;
}

#header a {
text-decoration:underline;
}



#leftColumn {
float: left;
width:16em;

margin: 0;
padding: 1em .5em 2em .5em;
background:#000000;
/*border:1px solid #eeeeee;*/
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
color: #000000;
}

#leftColumn h2 {
margin:0 0  0;
padding:0;
font-size:12px;
color: #BC7908;
letter-spacing:.1em;
}



#centerColumn {
  margin: 0 15.4em;
  padding: 1em .5em 2em .5em;


  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;

  background-color: #000;
}

/* Fix IE and Opera 5 */
* html #centerColumn {
  float: left;
  margin-left: 0.2em;
  margin-right: 0.2em;
}

#centerColumn h2 {
margin:0;
padding:0;
font-size:1em;
color: #BC7908;
letter-spacing:.1em;
}

#centerColumn h3 {
margin:0;
padding:0;
font-size: 12px;
color: #000;
text-align: center;
letter-spacing:.1em;
}

#rightColumn {
float: right;
width:16em;

margin:0;
padding:1em .5em 2em .5em;
background:#000000;
border:0px solid #eeeeee;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
color: #000000;
}

#rightColumn h2 {
margin:0 0  0;
padding:0;
font-size:12px;
color: #BC7908;
letter-spacing:.1em;
}

/* CHANGED */
#wrapper {
  overflow: hidden;
}

[Emm]

http://softwaremaniacs.org/blog/category/web/primer/ -- думаю, будет полезно