Problem with table row overlapping with table header

[jason pitt]

Hi,

I am having problem with the first table row being overlapped with table header.

Below is the code that I am using

<DIV id="1" style=" WIDTH: 50%; HEIGHT:250px; overflow: auto" >
<table style="float:left" align="center" width="40%" cellpadding="3">
<thead >
<tr>
<th> ... </th>
</tr>
</thead>
<tbody>
<tr>
<td> ... </td>
</tr>
</tbody>
</table>
</div>

Could someone please suggest a solution?

Thanks,
Jason

[Bear Bibeault]

If the table is the only thing in the div, why are you floating it left? Does the problem go away if you remove the float?

[jason pitt]

I am using "float" in the table because, earlier I had problem getting spaces with the table. Even I remove "float" I am having overlapping problem.

Thanks,
Jason

[Bear Bibeault]

Well float is the wrong way to go about getting spacing.

Please post the full HTML.

[jason pitt]

Hi,

I think the problem is with CSS. Can anyone please let me know how to code a table with fixed table header and scrollable table rows. And Table header should be in the same table as the table rows. I don't want table header and table rows coded in separate tables.

Thanks,
Jason

[Eric Pascarello]

this