Misaligned data in repeat region

Not sure what I've done wrong here - in the page below Have a section listing Elements which can be added to days of a tour itinerary.

The first record appears OK, but when I added a second its indented by about 600 pixels - could you have a quick look to see if you can see what's causing it?

I've attached a copy the page.

Thanks.

Your activity: "Night game drives" is wrapped in a <p> tag, which gives it padding and prevents the next line from slipping below it.

Since you are displaying information in a table format it might make more sense to use table tags to ensure it displays properly.

Thanks Ray - will have a look at using a <table> Think its one of those things that gets drummed out of you until you forget that sometimes table is actually what you need.

Hi Ray - I'm just having trouble getting each subsequent day start on a new row aligned to the left.

I just added some table tags, and put the table row inside the repeat region.

And made the containing div to be 10 columns.

Also added a clear_both rule which just has:

clear: both;
overflow: hidden;

Which usually forces content to start below anything above it.

You had another <table> tag instead of the </table> tag.

Sorry, thanks Ray - that's a howler.