Fragile Float Containment in Recent Browsers

HTML

<ul class="percentage">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
</ul>

CSS

/* styling basics */

ul {
  display:table;
}
li {
 border: 1px #888 solid;
 padding: 10px;
 float: left;
}

li {margin: 0 3% 0 0;}