Have recently updated my homepage design, as it stands all the content is encapsulated in a div, which has a fatter bottom margin:
, which uses stylesheet http://www.carl-wood.me.uk/carl-wood.css
What I would really like, however, is for that wrapping div to be vertically centered. I've tried applying position: absolute;, top: 50%;, and then a negative margin. Here's the test:
, which uses stylesheet http://www.carl-wood.me.uk/carl-wood-test.css
This works fine in Firefox and IE, but Opera 9.01 for Windows appears to ignore the top:50%; rule... only the lower half of my wrapper div is visible, and their isn't even a scrollbar for the user to see the obscured content! Any ideas of causes or cures??