title: Multiline styled text within a button element
body: <p>I am trying to put 2 buttons on a web page, one floated to the left and the other to the right.  Both command buttons have multiline styled text within them.  Below is my latest attempt.  It seems to work on in Firefox, but not even close in IE 8.  Any ideas how I can get this to work in both environments?  thanks.</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>body {
      background-color: green;
  }
  
  .idxQuestion {
      font-size: 36;
      text-align: center;
  }
  
  .idxButtons {
      margin-top:60px;
      margin-left: auto;
      margin-right:auto;
      width:350px;
  }
  
  .buttonchoice1,.buttonchoice2
             {
      text-align: center;
      background:white;
      padding: 5px;
  }
  
  .buttonchoice1 {
      float:left; 
      border:5px solid red;
  }
  
  .buttonchoice2 {
      float:right;
      border:5px solid blue;
  }   
  
  .spanchoice1 {
      font-size: 30px;             
  }
  
  .spanchoice2 {
      font-size: 10px;             
  }   
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="idxQuestion"&gt;
      &lt;h1&gt;Big Question?&lt;/h1&gt;
  &lt;/div&gt;
  &lt;div class="idxButtons"&gt;
      &lt;h:button class="buttonchoice1" onclick="option1?faces-redirect=true" &gt;
          &lt;h:outputText escape=false&gt;
              &lt;span class="spanchoice1"&gt;No&lt;/span&gt;&lt;br /&gt;  
              &lt;span class="spanchoice2"&gt;additional info 1&lt;/span&gt; 
          &lt;/h:outputText&gt;
      &lt;/h:button&gt; 
  
      &lt;h:button class="buttonchoice2" onclick="option2?faces-redirect=true" &gt;
          &lt;h:outputText&gt;
              &lt;span class="spanchoice1"&gt;Yes&lt;/span&gt;&lt;br /&gt;  
              &lt;span class="spanchoice2"&gt;additional info 2&lt;/span&gt; 
          &lt;/h:outputText&gt;
      &lt;/h:button&gt; 
  
  &lt;/div&gt;   
  </code></pre>
  
  <p>Fiddle : <a href="http://jsfiddle.net/MF23L/" rel="nofollow">http://jsfiddle.net/MF23L/</a></p>