Problem with Gridviews/Repeaters showing in wrong divs

Hi everyone,

 

I've created a web form using Divs and CSS instead of tables. There are 4 sections to the form and each one has a repeater or gridview and then some fields for entering text.

 

The problem is that when I view the page in Design mode in VS2005 everything looks correct, but when I actually compile and run the page, the gridviews and repeaters show in different divs than their supposed to and at the bottom of the page. I set Visible="false" on all the gridviews and repeaters and the page shows up normally.

 

I'm assuming this is because the page is writing out all the text and textboxes while the gridviews are still busy binding their data, so by the time the gridviews and repeaters have bound they get stuck at the bottom of the page. I'm sure there's an easy fix for this but after much Googling I'm clueless.

 

Any ideas?


Thanks a millio ...