Originally Posted by tracknut
My head just exploded.
. A 1px spacer-gif in particular makes me weep
But.. to get up-to-speed:
DON'T USE TABLES FOR LAYOUT;
Avoid nested tables at all costs;
Don't use spacer-gifs (ugh!);
Use lower-case for tag-names;
css properties are lower-case (BACKGROUND-COLOR!)
You can't put plain text in a table (Menu 1, etc.) - it would need to be within table cell(s).
If you want an image to behave as a border then set it as the background image, position it and repeat it (horizontally or vertically).
Cell-padding is unlikely to achieve anything if there is no content for it to pad against; put a non-breaking space in the cell or, preferably, give the cell(s) a width.
Read up on CSS and HTML5(?!) - I don't know how you are concluding that what you are attempting (currently) is compliant in any way. (You say you've read up a lot on css, but there is hardly any css in your code.)
This is probably not what you want to hear..