layout problem

hello,

i have one problem:

i have a panelgrid consisting of 2 rows:

The first row has an image.

The second row has a panelgrid in form with 3 image-buttons.

The problem is that my second row generates a hidden field, so my panelGrid becomes bigger and it seems not rather good.

|first row (with image)|

|second row (with 3 buttons)|

|hidden field|

how can i eleminate this hidden field from my panelgrid, so i dont have this extra empty line.

<h:panelGrid columns="1">

<h:columns>

<h:graphicImage value="/img/header1.jpg"/>

</h:columns>

<h:columns>

<h:form>

<h:panelGrid columns="3">

<h:commandLink>

<h:graphicImage value="home1.gif" style="border: 0px"/>

</h:commandLink>

<h:commandLink>

<h:graphicImage value="home2.gif" style="border: 0px"/>

</h:commandLink>

<h:commandLink>

<h:graphicImage value="home3.gif" style="border: 0px"/>

</h:commandLink>

</h:panelGrid>

</h:form>

</h:columns>

</h:panelGrid>

[1434 byte] By [naekoa] at [2007-11-27 7:02:36]