OK...check this out! I got this layout to finally work! It stays completely centered (vertically and horizontally) in the browser window regardless of window size. And I recently figured out a way to get the content to stay completely centered within the main content div regardless of the browser windows size.
The only problem is that it only works perfect in modern browsers. IE6 and 5 display the content over to the top/left some. It would be awesome if some one could figure out a way to make it display center in IE6 and 5 as well (only the content within the main div that is, the wrapper div stays centered as is). I tried (text-align: center; and margin: 0 auto, unfortunately that had no effect. I gave it a border so that you can see what it is doing. Thanks!
I figured out both problems,
I figured out both problems, thanks anyway.