CSS positioning of element within an element

This drove me nuts for one day.  I was trying to overlay tables on each other, and appearing only when it’s relevant tab was clicked.  So the problem was with positioning.  The border encasing the table was mis-aligned against the list of tabs, and the table was extending beyond the border lines.

Just when I stumbled on this tutorial on the web, wife was “advising” me to take a break from work and sleep on time.

Well, after going through the tutorial this morning, I am glad to say that it worked!  You have to use “positioning: relative”, “positioning: absolute”, “clear: both” for the respective elements.  Go through the tutorial and you’ll see the light.

Thank you BarelyFitz!