Как сделать в Css,что бы два резиновых блока были одинаковой высоты в Html?

Код СSS :
.wrapper {float:left;}
.sidebar {background-color:#f6f6f6;width:182px;float:left;border-right:1px solid #000000;height:auto}
.content {background-color:#f6f6f6;float:right;width:507px;}
Код HTML :
<div class="wrapper">
<div class="sidebar"></div>
<div class="content"></div>
</div>
Скрин :
<a target="_blank" href="http://radikal.ru/F/s015.radikal.ru/i332/1107/3e/277734c2fe1a.jpg.html"><img src="http://s015.radikal.ru/i332/1107/3e/277734c2fe1at.jpg" ></a>

В процентах не получилось сделать

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.