I have created a table with three columns to put both my tables into, and overlap. I have the upper table spanning two columns, and in the third column is my list. In the first column second row, I have another list, and in column two, also spanning two columns, I have another table. The problem is that they still don't overlap. HELP.

I took a quick look. I think your tables do actually overlap, but not by very much.

As a first step to getting this fixed it will help to make it possible to see the little bit of overlap by adding a border (temporarily) to the big table containing the two smaller tables. You should have a line going down the center of the table once you do this that isn't quite straight. It takes a little jog (just a few pixels) to the side at the boundary of the first and second rows. This little jog is your current overlap.

The problem is that the broswer has given you three columns as you requested (by specifying COLSPAN attributes), but it has made the width of the middle column tiny. All you have to do is convince the browser to make it wider.

This can be done by placing width attributes in some of the existing cells and the table header itself. Doing so, however, can be difficult. There is no cell in your table that falls only in the middle column so there is nothing that gives you direct control of that columns width. Therefore, an easier approach is to add a row with three empty cells --- one for each column. This row will function like the hidden last column in my schedule table. It gives you a place (the TD for the middle column in the empty row) to specify the width of the middle column.

Tom