I recently changed my doctype from:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
as IE wasn't centering my tables using CSS with the previous doctype.
It works now, however, for some reason which I can't figure out for the life of me, now all my tables are 3-pixels taller from the bottom in all browsers.
Here is a before:
Notice how my top_menu_bar is an extra 3-pixels fatter from the bottom. Because of the doctype change I believe the cause might be that I'm using some depreciated values. Please help, what do I need to add or change to my CSS to remove that gap?