Simple Fix for the Webkit Clipped Border-Radius Bug

list.css

.list-container {
  border-radius: 5px;
  border: 1px solid #C5C5C5;
  box-shadow: inset 0 1px 0 #FFF;
}

ol {
  border: 1px solid transparent;
}

ol li {
  margin: 0;
  padding: 12px;
  border: none;
  border-bottom: 1px solid #CACACA;
  box-shadow: inset 0 0 3px rgba(255,255,255,.3);
}

ol li:last-child {
  border-bottom: none;
}

list.html

<div class="list-container">
  <ol>
    <li>Thing One</li>
    <li>Thing Two</li>
    <li>Thing Red</li>
    <li>Thing Blue</li>
  </ol>
</div>

@fabianperez hack all of the things, always.