Java EE (Java Enterprise Edition) General Discussion

hi. I cannot manage to align this datatable to the top of the panel Grid. The datatable seems to be aligned vertically center in the panelgrid. I cant see whats wrong. Here is the jsf code:

<h:panelGrid styleClass="group_browser_right_border" >
		<h:dataTable 
			cellspacing="4"
			columnClasses="group_content"
			styleClass="fillwidth"
			headerClass="center_heading3"
			rows="0"
			value="#{GroupBrowserBean.devices}"
			var="device">
				<h:column>
						<f:facet name="header">
							<h:outputText value="#{devicesBundle.DEVICE_NAME}"/>
						</f:facet>
						<h:commandLink styleClass="group_content" value="#{device.name}" action="#{GroupBrowserBean.viewDevice}">
							<f:param name="deviceId" value="#{device.deviceId}" />
						</h:commandLink>
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="#{devicesBundle.IP_ADDRESS}"/>
					</f:facet>
					<h:outputText value="#{device.ipAddress}"/>
				</h:column>
		</h:dataTable>
</h:panelGrid>

here are the corresponding entries in the stylesheets:

.group_browser_right_border{
	border-color: #87CEFA #87CEFA #87CEFA #87CEFA;
	border-style: solid;
	border-width: 1px;
	padding: 0;
	background-color: #C0C0C0;
	width: 100%;
	height: 100%;
	margin-top: 0%;
	vertical-align: top;
}

td.group_content
{
	background-color: #FFFFFF;
	padding: 0 9pt 0 9pt;
	white-space: nowrap;
	width: 100;
	vertical-align: top;
	margin-top: 0;
}

.fillwidth{
	width: 100%
}

.center_heading3{
	text-align: center; 
	font-weight: normal;
	background-color: #CC9966; 
	color: #FFFFFF; 
	padding: 0 4pt 0 4p;
	white-space: nowrap;
	width: 100%;
}

I thought vertical-align: top; would do it but it didnt or maybe i am putting it in the wrong place. Any help with this is greatly appreciated.

cheers Joe.