title: border-radius not applying to ul element?
body: <p>I've got the following CSS code, but the <code>-moz-border-radius</code> and <code>-webkit-border-radius</code> styles aren't being applied to the UL. Is there something obvious I'm missing as to why, or does <code>-border-radius</code> not support UL elements?</p>
  
  <pre><code>ul.navigation { 
      margin-top: 7px;
      margin-bottom: 10px;
      list-style-type: none;
      -moz-border-radius: 7px;
      -webkit-border-radius: 7px;
  }
  
  ul.navigation li a {
      text-transform: uppercase;
      text-align: left;
      font-size: 13px;
      padding: 8px;
      display: block;
      border: 1px solid #375D81;
      margin-top: -1px;
      color: #183152;
      background: #ABC8E2;
      text-decoration: none;
  }
  </code></pre>
  
  <p>Also, should I also be applying <code>border-radius</code> at the moment for future CSS3 compatibility?</p>