So I have a website I am working on and on my screen at 1440x900 i have the entire website vertically centered using a div with fixed height, absolute positioning, and negative margins. The problem is on smaller resolutions 1024x768 the negative margins push the top half of the website off the screen.

I'd prefer not to have to use a javascript solution to constantly check the browser window and recenter the content. Does anyone know a pure CSS way to do this? Thanks