Vertical Tabs - how to force the featured content to push the footer
Evening,
Here is a stripped back page illustrating my problem:
I would like the featured content to 'push' down the footer rather like this accordion does here:
Amethyst Music.
At present the footer will only clear below the tabs not the content. It seem that I will have to define a static height for the vertical tabs on each page (large enough to accommodate the largest content), which means that if the featured content of one tab is significantly smaller than another there will be an unsightly gap at the base of the page before the footer.
I have tried many combinations of floats and height: auto on various css rules but nothing is working.
Anyone? Help would be greatly appreciated.
The tabs are <li> elements in an ul. The contents are also <li> elements in a ul.