Как установить одинаковую высоту div
Это моя ситуация
HTML
<div id="content">
<div id="item1">
<div class="empty"> </div>
<div class="empty"> </div>
<div class="empty"> </div>
</div>
<div id="item2">
<div class="empty"> </div>
</div>
</div>
CSS
.empty
{
width: 100px;
height: 100px;
background-color: red;
}
#item1
{
float: left;
padding: 10px;
background-color: green;
}
#item2
{
float: left;
padding: 10px;
background-color: blue;
}
#content
{
padding: 10px;
background-color: pink;
overflow: hidden;
}
Это выглядит чтоhttp://jsfiddle.net/59qEt/3/
Итак, мой вопрос: как я должен установить мои стили на # item2 имеет ту же высоту, что и # item1?
Любая помощь будет оценена.