title: How to retain rectangular border around button when clicked
body: <p>When I select the vote button on this fiddle : <a href="http://jsfiddle.net/3Uz7S/4/" rel="nofollow">http://jsfiddle.net/3Uz7S/4/</a></p>
  
  <p>The vote image updates to an oval shape on firefox/chrome.</p>
  
  <p>How can the css be updated so that when 'vote' is selected the button retains its rectangular shape or is this even possible ?</p>
  
  <p>Fiddle code : </p>
  
  <pre><code>&lt;script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6343621.js"&gt;&lt;/script&gt;
  
  .pds-vote-button {
      border-radius:0 !important;     
      -webkit-border-radius:0 !important; 
  }
  
  .pds-box {    
  border-radius:0 !important;     
  -webkit-border-radius:0 !important; 
  }
  </code></pre>