Hello,
I'm doing my first attempts with CSS and am having an issue with the bottom margin (I think its the margin, perhaps not) where it will extend the length of my page. The page is at the following location:

http://frontiernet.net/~winman15/Schoenecker/

and the CSS is at http://frontiernet.net/~winman15/Schoenecker/style.css

The area is the grey area on the very bottom that green extends over. I would like to remove the grey from the bottom of the page (but keep the right side).

Any insight is very much appreciated. Thanks!

When you position td.side you take it out of the normal flow of the content. That allows the containing elements to collapse, since td.side is ignored and only the remaining unpositioned, unfloated content is considered.

Thanks for the response Darin. Giving my newness to html and css, how can go about getting my side into the flow of the page? I can see now how it reacts independently of everything else but I can't seem to find away to get it how I need it. Any suggestions? Thanks again.

Also, I uploaded my changes that seem to help but doesn't quite resolve my problem.

http://frontiernet.net/~winman15/Schoenecker/

Remove the positioning and make the top and main tables line up. You already use layout tables, so why do you need positioning?

Sorry, I assumed the tables weren't lining up, thinking the green was a background color in the top table too. But it's in the left image. That image has a transparent bit to the left that makes it look like it's pushed to the right when the positioning is removed from the sidebar.
http://frontiernet.net/~winman15/Schoeneck...ges/topleft.gif

I changed from using a position related style to a nested table and it is working perfectly. Thanks for clarifying Darin and thanks for looking into it Pandy.