Firefox rendering problem

[vdeminico]

Hi,
i have this xhtml code:

<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
 xmlns:s="http://jboss.com/products/seam/taglib"
 xmlns:ui="http://java.sun.com/jsf/facelets"
 xmlns:f="http://java.sun.com/jsf/core"
 xmlns:h="http://java.sun.com/jsf/html"
 xmlns:rich="http://richfaces.org/rich"
 xmlns:a4j="http://richfaces.org/a4j"
 template="layout/template.xhtml">

<ui:define name="body">

 <h:messages globalOnly="true" styleClass="message"/>

 <h:form id="registrationForm">

 <rich:panel id="datiStrutturaPanel" >
 <f:facet name="header">Dati Struttura</f:facet>

 <s:decorate id="nomeDecoration" template="layout/edit.xhtml">
 <ui:define name="label">
 <h:outputLabel for="nomeTextbox">Nome struttura:</h:outputLabel>
 </ui:define>
 <h:inputText id="nomeTextbox" required="true" value="#{attivita.nome}"/>
 </s:decorate>

 <s:decorate id="categoriaDecoration" template="layout/edit.xhtml">
 <ui:define name="label">
 <h:outputLabel for="categoriaSelect">Categoria:</h:outputLabel>
 </ui:define>
 <h:selectOneMenu id="categoriaSelect" value="#{attivita.categoria}" required="true">
 <f:selectItem id="bb" itemValue="Bed and Breakfast"/>
 <f:selectItem id="affitt" itemValue="Affittacamere"/>
 <f:selectItem id="ostello" itemValue="Ostello"/>
 </h:selectOneMenu>
 </s:decorate>

 <s:decorate id="telefonoDecoration" template="layout/edit.xhtml">
 <ui:define name="label">
 <h:outputLabel for="telefonoTextbox">Telefono:</h:outputLabel>
 </ui:define>
 <h:inputText id="telefonoTextbox" required="true" value="#{attivita.telefono}"/>
 </s:decorate>

 <s:decorate id="emailDecoration" template="layout/edit.xhtml">
 <ui:define name="label">
 <h:outputLabel for="emailTextbox">E-mail:</h:outputLabel>
 </ui:define>
 <h:inputText id="emailTextbox" required="false" value="#{attivita.email}"/>
 </s:decorate>

 <s:decorate id="descrizioneDecoration" template="layout/edit.xhtml">
 <ui:define name="label">
 <h:outputLabel for="descrizioneTextbox">Descrizione:</h:outputLabel>
 </ui:define>
 <h:inputTextarea id="descrizioneTextbox" rows="5" cols="50" required="false" value="#{attivita.descrizione}"/>
 </s:decorate>

 <!--
 </rich:panel>
 <br/><br/>
 <rich:panel id="datiLocalitaPanel">
 -->
 <f:facet name="header">Selezione Localita'</f:facet>

 <s:decorate id="regioneSelectDecoration" template="layout/edit.xhtml">
 <ui:define name="label">
 <h:outputLabel for="regioneSelect">Regione:</h:outputLabel>
 </ui:define>
 <h:selectOneMenu id="regioneSelect" value="#{regioneAction.selectedRegione}" required="true">
 <s:selectItems value="#{regioneAction.regioni}" var="reg" label="#{reg.nome}" />
 <a4j:support event="onchange" action="#{regioneAction.selectRegione}" reRender="provinciaSelect,comuneSelect" bypassUpdates="false" ajaxSingle="true"/>
 <s:convertEntity/>
 </h:selectOneMenu>

 </s:decorate>

 <s:decorate id="provinciaSelectDecoration" template="layout/edit.xhtml">
 <ui:define name="label">
 <h:outputLabel for="provinciaSelect">Provincia:</h:outputLabel>
 </ui:define>
 <h:selectOneMenu id="provinciaSelect" value="#{regioneAction.selectedProvincia}" required="true">
 <s:selectItems value="#{regioneAction.provincie}" var="prov" label="#{prov.nome}"/>
 <a4j:support event="onchange" action="#{regioneAction.selectProvincia}" reRender="comuneSelect" bypassUpdates="false" ajaxSingle="true"/>
 <s:convertEntity />
 </h:selectOneMenu>
 </s:decorate>

 <s:decorate id="comuneSelectDecoration" template="layout/edit.xhtml">
 <ui:define name="label">
 <h:outputLabel for="comuneSelect">Comune:</h:outputLabel>
 </ui:define>
 <h:selectOneMenu id="comuneSelect" value="#{attivita.comune}" required="true">
 <s:selectItems value="#{regioneAction.comuni}" var="com" label="#{com.nome}"/>
 <a4j:support event="onchange" actionListener="#{regioneAction.selectComune}" reRender="comuneSelect" bypassUpdates="false" ajaxSingle="true"/>
 <s:convertEntity />
 </h:selectOneMenu>
 </s:decorate>

 <s:decorate id="LocalitaDecoration" template="layout/edit.xhtml">
 <ui:define name="label">Localita'</ui:define>
 <h:inputText id="localitaTextbox" value="#{attivita.localita}" converter="#{localitaConverter}"/>
 <rich:suggestionbox id="suggestionBoxLocalita" for="localitaTextbox"
 var="loc"
 fetchValue="#{loc.nome}"
 suggestionAction="#{regioneAction.selectLocalitaDinamically}"
 minChars="2"
 value="#{attivita.localita}">
 <h:column>
 <h:outputText value="#{loc.nome}" />
 </h:column>
 </rich:suggestionbox>
 </s:decorate>

 <s:decorate id="indirizzoDecoration" template="layout/edit.xhtml">
 <ui:define name="label">
 <h:outputLabel for="indirizzoTextbox">Indirizzo:</h:outputLabel>
 </ui:define>
 <h:inputText id="indirizzoTextbox" required="true" value="#{attivita.indirizzo}"/>
 </s:decorate>


 <div style="clear:both"/>

 </rich:panel>


 <div class="actionButtons">
 <h:commandButton id="registration" value="registration"
 action="#{attivitaAction.doRegistration(attivita)}"/>
 </div>

 </h:form>

</ui:define>

</ui:composition>

where the edit.xhtml template is the seamgen default one.
When I launch this page with Firefox 3.5.3, the <h:outputLabels> labels are not aligned with the corresponding component tag. Instead it works fine with IE and Chrome.

I'm using JBoss Seam 2.0.3.

what about this problem???

Thanks,
Valerio.