title: Menu with rounded corners
body: <p>i'm trying to create a menubar with rounded corners, but when i add the <code>float:left</code> to the <code>li</code> elements, the rounded corners dissapear...</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;jkfasdf&lt;/li&gt;
    &lt;li&gt;jkfasdf&lt;/li&gt;
    &lt;li&gt;jkfasdf&lt;/li&gt;
  &lt;/ul&gt;
  
  ul{
    background: red;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  
  li {
    padding: 5px;
    #float: left; #toggle this
  }
  </code></pre>