PanelLabelAndMessage not aligned in hierachical viewer until node is clicke

Question

Hi,
I am using the DVT Hierarchical Viewer. Using the code below (which is similar to the the demo code). The Labels column is coming out zig-zagging (not aligned to the right) but the OutputText column comes out aligned correctly to the left. Once I select (put focus on the node), the label column aligned correctly.
Can someone please tell me what I need to so that the nodes will render with the label column aligned.
<af:panelFormLayout inlineStyle="padding:5px" id="pflc3" styleClass="AFStretchWidth">
<af:panelLabelAndMessage label="Name" id="plmc3" >
<af:goLink text="#{node.name}" id="gl2"
</af:panelLabelAndMessage>
<af:panelLabelAndMessage id="pn1" label="First Name">
<af:outputText id="iii" value="#{node.firstName}" />
</af:panelLabelAndMessage>
<af:panelLabelAndMessage id="pn11" label="Last Name">
<af:outputText id="iii1" value="#{node.lastName}" />
</af:panelLabelAndMessage>
<af:panelLabelAndMessage id="pn111" label="Email">
<af:outputText id="iii11" value="#{node.email}" />
</af:panelLabelAndMessage>
<af:panelLabelAndMessage id="pn1112" label="Work Phone">
<af:outputText id="iii112" value="#{node.phoneNumber}" />
</af:panelLabelAndMessage>
</af:panelFormLayout>

Answer 1

Thanks for the suggestion David.  I tried that this morning but the issue still remained.  Are there any known issues with the latest 3.3 patch and the viewer?
As an added note, the issue is not browser specific.  It happens in both IE and Firefox.
Thank you.