Originally Posted by AaronW
Ah, but if I use that method, any font scaling will screw up the menu. I'm pretty sure I need to use the bottom property.
I think you misunderstood me...
Leave the menu positioning exactly how it is. Apply position:absolute; to the header div so that it's child elements won't bug out when ab.pos.
Now the menu and header should be right, but the content will start up underneath them. Add up the height of the header + its top and bottom margins and set this value as 'padding-top' on the body or containing div, depending on what method you're using. This will push the content clear of the header and the page will look and function the same as it does now.
Here's the code changes you would make:
and then add
to the body CSS.
There's always more than one way to skin a cat