Lining up Columns and Heading in dataTable

Question

I am having some trouble lining up my columns with their headings in my dataTable.
When i use IE the columns and headings line up perfectly.
When i use Firefox the final column doesn't line up with the last heading.
If i minmise the application in either browser the headings stay as they are and the columns don't line up with them meaning certain values don't come under their headings when the application is minimised. Has anyone else had this problem?
any help or suggestions would be really apprecited. Thanks in advance. My dataTable is as follows:
<t:dataTable id="routeList" value="#{RouteHandler.routeWithIdList}" var="rowElement" cellspacing="0" cellpadding="3"
border="0" headerClass="listhead" columnClasses="listresults" bgcolor="#FFFFFF" rendered="#{!VirginHandler.selected}">
<t:column width="104">
                              <h:commandLink id="editLink" action="#{RouteHandler.prepareAddScheduleAction}" >
                                   <h:outputText value="#{rowElement.carrierCode}"/>
                                   <f:param name="routeDisplayId" value="#{rowElement.routeDisplayId }"/>
                                   </h:commandLink>
                              </t:column>
<t:column width="165">
<h:commandLink id="editLink" action="#{RouteHandler.prepareAddScheduleAction}" >
                                   <h:outputText value="#{rowElement.departureAirport}"/>
                                   <f:param name="routeDisplayId" value="#{rowElement.routeDisplayId }"/>
                                   </h:commandLink>
</t:column>
<t:column width="920">
<h:commandLink id="editLink" action="#{RouteHandler.prepareAddScheduleAction}" >
                                   <h:outputText value="#{rowElement.arrivalAirport}" />
                                   <f:param name="routeDisplayId" value="#{rowElement.routeDisplayId }"/>
                                   </h:commandLink>
</t:column>
</t:dataTable>

Answer 1

When you need a table, use a table. 
CSS:
td:nth-child(2) {
     font-weight:bold;
     text-align:right;
HTML:
<table cellspacing="0" cellpadding="5">
<tr>
<td>Some text here</td>
<td>Price</td>
</tr>
<tr>
<td>Some text here</td>
<td>Price</td>
</tr>
<tr>
<td>Some text here</td>
<td>Price</td>
</tr>
</table>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/
http://twitter.com/altweb