title: Css3 donut menu
body: <p>Hi I would like to implement a donut menu like this one <a href="http://dribbble.com/shots/610433-Wheel-Nav" rel="nofollow">http://dribbble.com/shots/610433-Wheel-Nav</a> I know there is a simple way to do a donuts in css3.</p>
  
  <pre><code>.doughnut { 
      border: 50px solid #f00;
      border-radius: 100px;
      height:100px;
      width:100px;
  }
  </code></pre>
  
  <p>BUT of course this only make the donut without any elements inside of it. I'm wonder if it's anyway to do it only with css3, any ideas of how to start? if is not possible with only css i will jump into javascript area...</p>