Primefaces 1.1 and p:dialog problem

I am using primefaces 1.1 + JSF 1.2 running in JBoss 5.1

I have a problem with p:dialog

Below are the code snippets taken from the showcase(of PF 2.2, yet the p:dialog code remains the same. Right?? )

which can be seen @ http://www.开发者_JAVA技巧primefaces.org/showcase/ui/dialog.jsf

Code:

<h:panelGrid cellpadding="5"> 
<p:commandButton value="Basic Dialog" onclick="dlg1.show()" type="button"/> 
<p:commandButton value="Modal" onclick="dlg2.show();" type="button"/> 
<p:commandButton value="Effects" onclick="dlg3.show();" type="button"/> 
</h:panelGrid>                  

<p:dialog header="Basic Dialog" widgetVar="dlg1"> 
<h:outputText value="Resistance to PrimeFaces is futile!" /> 
</p:dialog>
<p:dialog header="Modal Dialog" widgetVar="dlg2" modal="true" height="200"> 
<h:outputText value="This is a Modal Dialog." /> 
</p:dialog>     
<p:dialog header="Effect Dialog" widgetVar="dlg3" showEffect="bounce" hideEffect="explode" height="200"> 
<h:outputText value="This dialog has cool effects." /> 
</p:dialog>

The thing is, the outputText values within the dialog boxes are displayed along with the commandbuttons like the ordinady html contents rather than displayed inside a dialog box only when the commandButtons are clicked. What might be the issue? :shock:

P.S : The above code runs fine in Primefaces 2.2 + Jsf 2.0 + JBoss 6

SCREENSHOT - problem image url