How to I convert the following table code to CSS (on the grounds that tables are bad):
Tables are not "bad" - they are good for presenting tabular data. OK, so they shouldn't be used for layout, which is what you are trying to avoid.
<table> <tr><th colspan=2>Heading</th></tr> <tr><td>Menu</td><td>Content</td></tr> <tr><td colspan=2>Footer</td></tr> </table>
There's an example (with a better explanation than I could give) at http://css.maxdesign.com.au/floatutorial/tutorial0816.htm
HTH,
Greg