Hi,

I'm trying to display database results in a HTML table within a DIV box, which is displayed inline within a table cell.

If I put just four or five rows of results in the table, it is fine and the DIV displays a scrollbar if necessary.

However, if I display more than that, a mystery gap appears above the DIV and it moves further down the page for each row I add.

Any ideas why this is happening?


Paul

How about posting some code, so we can see what you're doing!

Here is a shortened version of the HTML around the DIV:

This example only has one row in the table and will display fine, but once I have 10 or more rows, it causes a problem.

The browser displays it with a gap between the top of the TD cell and the top of the red border. If I drag my mouse across the page to highlight the DIV, it actually covers the whole of the cell, but the border and contents start further down.