Всем привет! Такая проблема: не могу сделать две колонки (одна левое меню, другая контент), чтобы та колонка в которой содержимого больше, растягивалась по размеру на это самое содержимое, а соседняя выравнивалась вровень с ней. Т.е. грубо говоря чтобы они всегда были одинаковы по высоте. Большое спасибо за ответы! Вот макет: html, body {     width:100%;     height:100%;     margin:0;     padding:0; } * html #content {     height: 100%; } body {     background: blue;     font-family: Helvetica,Arial,sans-serif;     line-height: 1.3em;     font-size: 12px;     height: 100%; } .header {     background: red;     position: relative;     height: 356px;     width: 998px;     margin: 0 auto; } .main {     background: white;     position: relative;     width: 998px;     margin: 0 auto; } .left_column {     background: green;     float: left;     width: 199px;     height: 50%;     z-index: 1; } .content {     background: #ad7e59;     position: relative;     width: 777px;     margin-left: 215px; } .footer {     background: grey;     position: relative;     height: 102px;     width: 998px;     margin: 0 auto; } <body>     <div class="header">     </div>     <div class="main">         <div class="left_column">         </div>         <div class="content">         </div>     </div>     <div class="footer">     </div> </body>