grid overlapping into cell below it

Hello,

I'm having an issue with a grid spilling over into the table cell below it. Please have a look at the screen capture to see what I mean.

Attachment 5594

The main table for the page is a 2x2 table. The grid is in the upper right cell. The grid is generated dynamically through javascript. Everything works fine until the grid has more rows than will fit in the table cell it is placed in. I'm trying to figure out why.

I've attached a screen shot of the DOM elements around this spot on the page.

Attachment 5595

Please keep in mind that the grid is actually contained in a C# UserControl, but that doesn't seem to be reflected in the DOM objects according to the screen shot (not that it should be).

Could be a problem in css, you can try playing with the properties of margin and padding in the back row.