title: jQuery ButtonSet dimension issues
body: <p>I am using jQuery UI buttonset as below</p>
  
  <pre><code>&lt;div id="radioSet"&gt;
      &lt;input type="checkbox" id="radio1" name="radio" /&gt;&lt;label for="radio1"&gt;A&lt;/label&gt;
      &lt;input type="checkbox" id="radio2" name="radio" checked="checked" /&gt;&lt;label for="radio2"&gt;Choice 2 - long long&lt;/label&gt;
      &lt;input type="checkbox" id="radio3" name="radio" /&gt;&lt;label for="radio3"&gt;Choice 3&lt;/label&gt;
  &lt;/div&gt;​
  
  $(document).ready(function () {
      $("#radioSet").buttonset().find('label').css({ 'width': '100px', 'height': '100px'});
  });​
  </code></pre>
  
  <p>The button set layout has issues (irregular placement) with above code. The layout works fine If I reduce text length (or increase width) so that the text fits in button without requiring wrap. It seems that text wrap is causing this issue. </p>
  
  <p>How do I achieve equal sized buttons in the button set?</p>