I've got a page I'm laying out using the folder tab JS component included in the Taco HTML editor. It works pretty well, but when I tried putting a header on it, it separated the tabs from the rest of the content and took the footer I had underneath the tabs and displayed it in above them, near the header.
To fix the tabs themselves, I used CSS to position the DIV containing them absolutely below the height of the header DIV. The footer, however, now disappears completely. Using Safari's Web Inspector, it shows that the footer is loading, but it's being hidden underneath the container DIV. As the height of the page varies depending on the tab that is selected, absolute positioning is an undesirable solution here.
I've tried playing with the positioning for both DIVs, telling the container to clear: both, playing with the z-index, but nothing make the footer show up on top, much less appear in its proper position.
Shy of just abandoning the DIV method and going back to tables to ensure the overall layout behaves, what can I do to make it behave properly?