Firefox issue h:datatable give more space between columns

Question

Hi
In our application we are displaying table by using <h:datatable>,it was working fine in IE but when i used an firefox it gives more space between one row of data and next data row.. my code is like this
<a:outputPanel id="searchResults">
     <h:dataTable id="hotels" value="#{hotels}" var="hot" >
          <h:column>
               <f:facet name="header">Name</f:facet>
               #{hot.name}
          </h:column>
          <h:column>
               <f:facet name="header">Address</f:facet>
               #{hot.address}
          </h:column>
          <h:column>
               <f:facet name="header">City, State</f:facet>
               #{hot.city}, #{hot.state}, #{hot.country}
          </h:column>
          <h:column>
               <f:facet name="header">Zip</f:facet>
               #{hot.zip}
          </h:column>
          <h:column>
               <f:facet name="header">Action</f:facet>
               <s:link id="viewHotel" value="View Hotel" action="#{hotelBooking.selectHotel(hot)}"/>
          </h:column>
     </h:dataTable>
     <s:link value="More results" action="#{hotelSearch.nextPage}" rendered="#{hotelSearch.nextPageAvailable}"/>
</div>
</a:outputPanel>

Answer 1

I applied CSS style to the datatable even though there is no result.it gives more space between one row and another row.
it used following attributes for h:datatable...i set the padding and margin because different broweser has different margin
padding:0px;
margin:0px;
i am tried like this also
<h:dataTable id="hotels" value="#{hotels}" >
     <h:column>
                              <p style="padding:0px;margn:0px">#{hot.name}</p>
          </h:column>
          </h:dataTable>
but there is no result can u post some examples
Thanks
Mohan