Multiple columns with CSS3

Part of answer to StackOverflow question - http://stackoverflow.com/questions/4217936/css3-columns-and-uiwebview .

HTML

<div id="container">
    
<p>
 Lorem ipsum dolor sit amet, consectetur  adipiscing elit. Aenean luctus tortor in justo fermentum sit amet  sollicitudin tortor bibendum. Praesent mattis faucibus lacus quis  vestibulum. Vivamus fringilla consequat leo, nec tincidunt sem rhoncus  ac. Aliquam sed nulla lectus, in egestas lorem. Praesent non magna odio,  sed faucibus nulla. Nulla ultrices tristique turpis vel sodales. Sed  fermentum eros a lectus elementum volutpat. In hac habitasse platea  dictumst. Pellentesque habitant morbi tristique senectus et netus et  malesuada fames ac turpis egestas. Sed tortor ipsum, eleifend at  fringilla sit amet, congue sed dolor. Donec mattis consequat tellus sit  amet congue. Donec volutpat ante lectus, eget gravida mauris. Fusce  tempus dui in lorem pretium at imperdiet massa viverra. Cras scelerisque  elementum tristique. Praesent convallis est at massa tristique dictum.  Nulla lobortis, nibh nec feugiat dapibus, dolor sem mollis odio, ut  tincidunt velit velit molestie dolor. Vivamus dignissim sollicitudin  tempor.
 </p>
 <p>
 Maecenas et dolor tellus. In hac habitasse platea  dictumst. Nulla nec lorem nibh, vel malesuada dolor. Nam in porta  lorem. Proin interdum ullamcorper egestas. Suspendisse potenti. Ut  feugiat rutrum leo, ut venenatis est aliquam eget. Proin eu eros vitae  arcu tempus ullamcorper vitae et tortor. In nec augue accumsan felis  pharetra imperdiet non in diam. Nam orci arcu, adipiscing et condimentum  ac, pretium eu tellus.
 </p>
 <p>
 Nunc arcu risus, ullamcorper vitae fermentum id,  varius ullamcorper nulla. Praesent eu lectus lorem. Aliquam vitae arcu  erat. Aenean vitae bibendum tortor. Pellentesque quis lobortis est.  Integer convallis sem vel nunc mattis luctus. Nam in purus diam. Vivamus  vel felis quis purus viverra laoreet. Sed sagittis magna in enim  fringilla vitae vehicula quam egestas. Quisque eu ipsum ac dui cursus  gravida. Class aptent taciti sociosqu ad litora torquent per conubia  nostra, per...

CSS

#container {
  width: 700px;
    height: 350px;
    -webkit-column-width: 150px;
    -webkit-column-gap: 30px;
    -webkit-column-rule:30px  outset #ff00ff;;
    /* padding-left:70px;
    */ /* padding-right: 70px; */
    /* border: 50px solid white; */
    /* padding: 10px; */
    /* padding-top: 0px; */
    /* padding-right: 100px; */
/* -webkit-column-fill: balance; */
/* -webkit-column-break-inside: avoid; */
/* margin-right: 50px; */
/* overflow: hidden; */
}