Java EE (Java Enterprise Edition) General Discussion

Hi, I would like to create table in JSF like this

			<table  align="center"
					width="250"
					style="border-collapse: collapse; border: 1px black solid;" >
			<tr>
				<td align="center" 
					colspan="2"
					style="border: 1px black solid;"> 
					Header A 
				</td>			
			</tr>
			<tr> 
				<td> a1 </td> 
				<td> a2 </td> 
			</tr>
			<tr> 
				<td> b1 </td> 
				<td> b2 </td> 
			</tr>
			<tr> 
				<td align="center" 
					colspan="2"
					style="border: 1px black solid;" > 					
					<BUTTON value="12" > button1 </BUTTON>
					<BUTTON value="12">  button2 </BUTTON>
				</td>
			</tr>
			</table>

I don't know how to create borders like this with JSF's components.
I know how to create table and collspan, but I have a problem with
border and style.

below is example that I creat it, but borders are not OK
IF ANYONE FIND SOLUTION I WILL BE TANKFUL

JSF:

<hx:panelBox id="box1" 
		 layout="pageDirection" 
		 bgcolor="silver" 
		 align="center" 
		 style="border: 1px red solid;"
		 border="0">


		<hx:panelBox id="box2" layout="pageDirection" width="100%" bgcolor="#aec74e" height="100%" align="center" style="border: 1px black solid;">
			<center>
				<h:outputText styleClass="outputText" id="text9" value="Prazniki"></h:outputText>
			</center>					
		</hx:panelBox>

		<h:panelGrid styleClass="panelGrid" id="grid1" columns="3">
			<h:outputText styleClass="outputText" id="text4" value="#{msgs.planDan}">
			</h:outputText>
	
			<h:inputText styleClass="inputText" id="text3" value="#{pc_Koledar.praznikBean.dan}">
			</h:inputText>

			<f:verbatim></f:verbatim>

			<h:outputText styleClass="outputText" id="text5" value="#{msgs.planMesec}">
			</h:outputText>

			<h:selectOneMenu styleClass="selectOneMenu" id="menu1" value="#{pc_Koledar.praznikBean.selectedMesec}">		
			 <f:selectItems value="#{pc_Koledar.praznikBean.meseci}" />		
			</h:selectOneMenu>
			
			<f:verbatim></f:verbatim>
			
			<h:outputText styleClass="outputText" id="text6" value="#{msgs.planLeto}">
			</h:outputText>
			
			<h:inputText styleClass="inputText" id="text2" value="#{pc_Koledar.praznikBean.leto}">
			</h:inputText>
			
			<f:verbatim></f:verbatim>
			
			<h:outputText styleClass="outputText" id="text7" value="#{msgs.nazivPraznika}">
			</h:outputText>
			
			<h:inputText styleClass="inputText" id="text1" value="#{pc_Koledar.praznikBean.nazivPraznika}">
			</h:inputText>
			
			<f:verbatim></f:verbatim>
			
		</h:panelGrid>
			
		<hx:panelBox id="box3" 		
				 align="center" 
				 layout="lineDirection" 
				 width="100%"
				 style="border: 1px black solid;" bgcolor="#aec74e">
				<center>
				  <hx:commandExButton type="submit" value="Dodaj" id="button1" action="#{pc_Koledar.doButton1Action}" lang="CP1250">
				  </hx:commandExButton>
	 			  <hx:commandExButton type="submit" id="button3" action="#{pc_Koledar.doButton3Action}" value="Prika�">
				  </hx:commandExButton>
				</center>
							
		</hx:panelBox>

</hx:panelBox>