I already added the overflow and height but nothing :/
EDIT: I just added the overflow to content1 and content2 with a set height and it fixed content2 to be right under header2 but content1 is still not positioned where it suppose to be. It should be under header1 but its right on the top margin, and right next to header1. So this is what it looks like now:
The code you gave me is under /* Main DIVs */ and the classes are navleft, navright, contentleft and contentright
hm I'm wondering, maybe, its not working because I dont have wrappers for the actual content. Maybe it will work if I wrap navleft and navright together and contentleft and contentright together? that way it doesn't conflict with any other DIVs but the ones inside the wrapper?
I have a new CSS problem. Remember how we set the tables to be all the same height? Well now the tables are going to change a little. They need to stack under each other with a padding of about 10-20 pixels. The problem is, when I use your code, the heights on all of them are the same, thus creating a huge gap in between the tables.
It's going to be 3 tables in one row, and 3 tables in the second row. With different heights on each table. In essence they wont be straightly aligned, some will be higher than others.
Or would I just have to force the tables to move the way I want them to?