The following happens. I am defaulted to the Credit Card radio button. I decide I want to click the PayPal radio button. I again decide to click the Credit Card radio button. At that very moment 2 extra break tags are inserted right below

<br class="clear_line" style="margin-bottom: 25px;" />

What could be causing this? This is a JSF, SEAM RichFaces application.

<p>
<h:selectOneRadio id="paymentTypeCode"
     onclick="uncheckOthers(this.form.id, this.id, 'paymentTypeCode');"
     value="#{customerSession.paymentId}">

     <f:selectItem id="paymentTypeCreditCard"
          itemValue="#{webstoreContext.paymentTypeCreditCard.id}" />
     
     <a:support event="onchange" ajaxSingle="true" reRender="paymentInputAjax"
          action="#{customerSession.lookupPaymentMethod}" />
          
</h:selectOneRadio>

<label id="creditcard_label" for="creditcard"><span>Credit Card</span></label> 

<br class="clear_line" style="margin-bottom: 25px;" />
</p>


<s:div id="paypal_fields" rendered="#{customerSession.payPalFlag}">
<p>
<h:selectOneRadio id="paymentTypeCode_2"
     onclick="uncheckOthers(this.form.id, this.id, 'paymentTypeCode');"
     value="#{customerSession.paymentId}">
     
     <f:selectItem id="paymentTypePayPal"
          itemValue="#{webstoreContext.paymentTypePayPal.id}" />
          
     <a:support event="onchange" ajaxSingle="true"
          action="#{customerSession.lookupPaymentMethod}" />
          
</h:selectOneRadio>

<label id="paypal_label" for="paypal">PayPal</label> 
</p>
</s:div>