two floating divs with the same height

In this example im using two floating divs that include different amount of text but I want that the two have the same height it doesnt matter what is the div that have more text inside it

HTML

<div id="container">
	<div class="box" style="height: 40px"></div>
	<div class="box" style="height: 120px"></div>
	<div class="box" style="height: 65px"></div>
	<div class="box" style="height: 92px"></div>
	<div class="box" style="height: 111px"></div>
	<div class="box" style="height: 30px"></div>
	<div class="box" style="height: 20px"></div>
	<div class="box" style="height: 67px"></div>
	<div class="box" style="height: 45px"></div>
	<div class="box" style="height: 80px"></div>
	<div class="box" style="height: 100px"></div>
	<div class="box" style="height: 55px"></div>
	<div class="box" style="height: 32px"></div>
	<div class="box" style="height: 68px"></div>
	<div class="box" style="height: 78px"></div>
</div>

CSS

#container {
      width: 350px;
	  height: 550px;
      background: black;
    }
	
	#container > box {
		width: 60px;
		background: red;
	}