title: Making radio buttons look like buttons instead
body: <p>I would like to have a set of radio buttons for a donation form, however I want them to look like buttons instead of the circle dials.</p>
  
  <p>What is the best approach to making something like that? Also, keep in mind, it has to work with IE8.</p>
  
  <p>Here's what I have so far, <a href="http://jsfiddle.net/YB8UW/">http://jsfiddle.net/YB8UW/</a> </p>
  
  <pre><code>.donate-now {
       list-style-type:none;
       margin:25px 0 0 0;
       padding:0;
  }
  
  .donate-now li {
       float:left;
       margin:0 5px 0 0;
  }
  
  .donate-now label {
       padding:5px;
       border:1px solid #CCC; 
       cursor:pointer;
  }
  
  .donate-now label:hover {
       background:#DDD;
  }
  </code></pre>
  
  <p>Thank you</p>