Need Help With These Stupid tables

So on a website I'm working on http://www.millenniumdental.net/cosmeticdentist/agoura_hills_ca/ these tables have been giving me trouble. I'm basically editing what someone else messed up on. Anyone have any ideas of why the page looks like that?

 

Do you mean the large spaces on top and bottom of the header and menu?
I admit I don't work with tables but... I saw no margins defined on your tables. Maybe try setting margins to 0 to set those tables in place?

 

Nope, didn't help. I hate when people use tables to layout their website. ugh. I'll figure out something.

 

I feel for you, my friend. Wouldn't it be better if you would just replace the "stupid" tables with some "smart" divs and bring that site into the modern era?

 

Definitely would be. I would gladly do that but it would cost too much time on my side unfortunately. I'll leave it as is. Thanks though

 

You're welcomed.

Last idea, then I give up.
Did you try to float them?

 

To be honest, I don't know where to begin typing in the css to float them.

 

It's easy.

Use:

 <table style="float:left;"....

Code (markup):

then continue with the other properties you might want to give to that table.

 

ugh tables. haha.

if the table below the large blue space is separate from the nav table try negative margins i.e. margin-top: -50px; but make sure to check in IE. The value may be different and you might need a conditional statement to adjust it.