Как вытянуть блок?

[san4ezy]

Добрый вечер!

Помогите, пожалуйста с блочной версткой! Никак не постигну эту науку!

<!-- Стили -->
<style>
  div{
	border:solid 1px;
  }
  .main{
	width:800px;
  }
  .left{
	width:146px;
	float:left;
  }
  .content{
	width:650px;
	float:right;
  }
  .footer{
	width:800px;
  }
  .l1{
	height:50px;
  }
  .l2{}
</style>

<!-- Разметка -->
<div class="main">
  <div class="left"> <!-- левая колонка -->
	<div class="l1">l1</div> <!-- постоянная высота -->
	<div class="l2">l2</div> <!-- должна тянуться до низу -->
  </div>
  <div class="content"> <!-- основная (правая) колонка -->
	content<br/>content<br/>content<br/>content<br/>content<br/>
  </div>
  <div class="footer">footer</div> <!-- футер -->
</div>

Как сделать чтоб блок "l2" тянулся до футера в зависимости от высоты блока с контентом?

Пробовал height:100%ж и min-height:100%; ничего не помогает

[deadrash]

http://htmlbook.ru/content/kolonki-odinakovoy-vysoty

Посмотрите насколько часто задают этот вопрос