im fairly new with div tables but i want to know how do you make it so that the tables will expand to the information that is inside the box? do i have to manualy stretch them so that they dont overlay? because thats what they're doing right now. i got one table that strecthes down with the info that i have and the other tables dont move with it they just stay there a nd the table that is streched covered the other table.

also how do you set it up so that the table will stretch to the end of the window no matter what resolution youre at?

I'm not sure about the first problem, make sure there is no width set on that div. For the second part just set the width to 100%.

I don't use tables so this might bring up wrong memories. If you are working with divisions (div) then I think it is best you use them for what they were designed for. You should never make an element (such as a div) expand to the objects inside it. For me, divs are part of the design process. They help us contain objects in the places we want them. To make one div inside another, you simply nest them:
<div>
<div>
</div>
</div>
Or, if you wish to continue what you are doing and using tables then simply set in the CSS something like:
#table {width: auto;
}

well what happened was that i sliced everything up in photohop and then converted them to div in dreamweaver. if that was a dumb idea let me know but yeah i want to use the div tables for what theyre supposed to be used for so if i could get some help i would appreciate it.
heres the page if you wanna check it out and show me how to do what im ant to do the right way.
i dont need to have the ends stretched to the end of the window if you have a more creative way to place the page im all ears.
my page

basically what i want is the page to look proportional to the users resolution