Hello. I'm trying to create a table where the header rows are fixed and the rest of the rows are in a DIV that has a set height, causing scrollbars and overflow. My original design basically does this.

Now, this is PSEUDO-CODE... i don't need any help with syntax.. just concept... i was too lazy to write actual code.

<table>
<tr>
<td>header1</td>
<td>header2</td>
<td>header3</td>
<td>header4</td>
<td>header5</td>
</tr>
<tr>
<td colspan=5>
<div height=30 overflow=auto>
----<table>
----<tr>
----<td>content1</td>
----<td>content2</td>
----<td>content3</td>
----<td>content4</td>
----<td>content5</td>
----</tr>
---- [this may repeat like 100 times]
----</table>
</div>
</td>
</tr>
</table>

Now, if the width of the tables and columns are set the same in both tables, it lines up fine in IE, but not firefox. I need it to line up in both.

How can I accomplish this?

Thanks for your help.

dep