AutoComplete dans un PanelGrid

Salut à tous,

J'ai mis un Autocomplete dans un PanelGrid mais il ne s'aligne pas avec les autres composants. Savez-vous pourquoi ?

voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<h:panelGrid columns="2">
                        <h:outputText value="* Mode :" />
                        <p:selectOneRadio id="mode" value="#{autoBean.intervention.mode.id}">
                           <f:selectItems id="item_mode" value="#{autoBean.modes}" var="m" itemLabel="#{m.name}" itemValue="#{m.id}" />
                        </p:selectOneRadio>
                        <h:outputText value="* user : " for="list_u" />
                        <p:autoComplete value="#{autoBean.user}" id="list_u" completeMethod="#{autoBean.completeUser}" var="i" itemLabel="#{i.name}" itemValue="#{i}"
                                     converter="#{userConverter}" forceSelection="true">
                           <f:facet name="itemtip">
                              <h:panelGrid columns="2" cellpadding="5">
                                 <h:outputText value="City :" />
                                 <h:outputText id="o_city" value="#{i.city}" />
                              </h:panelGrid>
                           </f:facet>
                        </p:autoComplete>
                     </h:panelGrid>

Merci :)