title: Multi-line buttons in HTML
body: <p>If the width of a button element isn't wide enough to contain the button text Firefox and Chrome give the button more height, IE (v7 at least) will just cut off. How can I make IE  expand the height to contain the text? Ideally just using CSS.</p>
  
  <p>I've tried explicitly giving IE7 a height that makes the button bigger but it still just displays one line of cut off text.</p>
  
  <pre><code>&lt;button style="width:40px;"&gt;Some really long text that is more than 20px&lt;/button&gt;</code></pre>
  
  <p>In the real version I'm using the ButtonGroup YUI control so can't use <code>&lt;input&gt;</code>
  elements.</p>