Any idea what could cause new br tags to get added to the rendered code?

Question

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 this intended br element. They are just two plain br tags with no style or class.
<br class="clear_line" style="margin-bottom: 25px;" /> What could be causing this? This is a JSF, SEAM RichFaces application. I should add the inserted br tags look like <br> so they would not pass the xhtml requirements of facelets.
  <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>  Edited by: SureSource4 on Jun 3, 2010 1:13 PM
Edited by: SureSource4 on Jun 3, 2010 1:13 PM
Edited by: SureSource4 on Jun 3, 2010 1:14 PM

Answer 1

It turns out, that changing the <p> tags to <s:div> tags solved the problem.