Three div - arrange as table

Three div - arrange as table

I have three divs:
<div>
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
.one {
width: 100px;
height: 200px;
background-color: red;
}
.two {
width: 100px;
height: 100px;
background-color: green;
float: left;
}
.three {
width: 100px;
height: 100px;
background-color: blue;
float: left;
}
But this not working good. I would like receive:
<table>
<tr><td rowspan="2" class="one"></td><td class="two"></td></tr>
<tr><td class="three"></td></tr>
</table>
LIVE
How can i make it with DIV, same as with TABLE?