Sizing error in Firefox when using <label for>

Using code like this:

         <div class="field">
             <label for="contactText">Contact Text:</label>
             <textarea name="contactText" id="contactText" class="editors">
             <xsl:choose>
                   <xsl:when test="/PAGE/qpFormVariables/contactText"><xsl:value-of select="/PAGE/qpFormVariables/contactText" /></xsl:when>
                   <xsl:when test="$CONTACT_TEXT_scope = $scope"><xsl:value-of select="$CONTACT_TEXT"/></xsl:when>
                </xsl:choose>
             </textarea>
         </div>

and then those textareas get CKEDITORs using

$('.editors').each(function(index, element){

   var elemId = $(element).attr('id');
   var editorHeight = ($(element).hasClass('smEditor')) ? '80px' : '500px';
   var editorEnterMode = ($(element).hasClass('basicEditor')) ? CKEDITOR.ENTER_BR : CKEDITOR.ENTER_P;
   var editorToolbar = ($(element).hasClass('basicEditor')) ? 'Default' : 'Custom';

   CKEDITOR.replace( elemId,{
      enterMode : editorEnterMode,
      toolbar : editorToolbar,
      height : editorHeight
      });

});

On most browsers, it looks fine:

but on Firefox 5.0 on XP:

the label seems to pushing everything else off to the right, so the toolbar and the text in the box extends outside of the border of the box.