Column Count Demonstration POC

I am able to do the list using float:left; like this

But I would like to show it like this (as 2 or more columns)

How can I do that?

This does not work in IE

<div id="multicolumn1">
    <div class="child">1</div>
    <div class="child">2</div>
    <div class="child">3</div>
    <div class="child">4</div>
    <div class="child">5</div>
    <div class="child">6</div>
    <div class="child">7</div>
    <div class="child">8</div>
    <div class="child">9</div>
</div>​​​​​​​​​​​​​​​

div#multicolumn1{
    -moz-column-count: 2;
    -moz-column-gap: 50%;
    -webkit-column-count: 2;
    -webkit-column-gap: 50%;
    column-count: 3;
    column-gap: 50%;
}
.child{
    height:20px;
}​

http://jsfiddle.net/sandeep/pMbtk/