title: jQueryUI buttonset style issue
body: <p>I'm working on a buttonset, here's the normal one, <a href="http://s11.postimage.org/sieamntpv/buttonset2.png" rel="nofollow">photo</a></p>
  
  <p>So, after applying some UI style, I get the buttons styled, but please check the next <a href="http://s13.postimage.org/lx8rmiw3b/buttonset1.png" rel="nofollow">image</a>... A weird button-dot appears on the left side. (if I click on it, the buttonset activates button #3)</p>
  
  <p>I have to say that this weird little button only appears using Chrome, if I browse it using IE, it's 100% fine. </p>
  
  <p>The code for the buttonset is pretty simple, </p>
  
  <p><strong>//JS</strong></p>
  
  <pre><code>$(document).ready(function () {
          $("#radio").buttonset();
      });
  </code></pre>
  
  <p><strong>//HTML</strong></p>
  
  <pre><code>&lt;div id="radio" align="center"&gt;
      &lt;input type="radio" id="radio1" runat="server" value="BtnNextCaseClick" name="radio" checked="true"/&gt;&lt;label for="radio1" style="width: 109px; margin-right:-.9em"&gt;Siguiente Caso&lt;/label&gt;
      &lt;input type="radio" id="radio2" runat="server" value="CloseCaseAndBandeja" name="radio" /&gt;&lt;label for="radio2" style="margin-right:-.9em"&gt;Terminar Caso y Cerrar Bandeja&lt;/label&gt;
      &lt;input type="radio" id="radio3" runat="server" value="CloseBandeja" name="radio"/&gt;&lt;label for="radio3" style="width: 109px"&gt;Cerrar Bandeja&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any idea on how to remove that style error?</p>