I am having this problem:

I have a table and in this table (which is just two columns, 1 row) I am putting two row, 1 column tables for things like page updates, announcement, freatures, etc. similar to how www.msn.com is set up. However when I put a table in one side it is flush with the top of the larger table. Then, when I put a table in the other side it bumps the first table down a few rows and there is no way it will let me make them both flush with the top of the larger table. Anyone know how to do this?

Thanks

hard to say without seeing what your talking about, but i think you are having the same problem as me? One table appears under the other instead of beside? If that is the case, another member refered me to this floating tutorial and it worked great:
http://css.maxdesign.com.au/floatutorial/

I would try padding the table with a 1 pixel transparent .gif file. There may be an easier way to do it, but I find that using spacer .gif's is the easiest way to align things when you're using tables.

If I'm understanding what you're saying correctly, you need to set the following attributes in the TR elements of the MAIN table.

<tr valign="top">

This way, everything in that table row will be aligned to the top of the table, rather than the default, to the middle.

I hope this helps. If it's not what you were looking for, let me know... And maybe post a link to your page so I can view the code and see what the problem is.

Here's an even better idea.. don't use tables at all !

http://www.hotdesign.com/seybold/everything.html

If I were doing it myself the way you are describing, I would use two separate tables or how every many it would take you. Put in your row and then underneath put in your columns. I have tried table in table or nesting and it has never worked for me either. There is always more than one way to skin a cat.