I've been trying to get a custom subtheme working with Zen, and have really been having a hell of a time getting everything to lay out the way I want it to. After lots of poking and prodding, I finally got things to load correctly in Firefox / IE7, but have had less success elsewhere. I've tried looking at the code for Foliage to see how it handles the main content area (#content in Foliage, #container here), but even trying that code doesn't get things to line up properly.
I've had two basic problems, one in coding it, one in rendering:
1. When I stick closer to the instructions (ie, leave the #main section at 100% width), the main table gets pushed below the menu if I move the menu to the right, in order to line it up properly.
2. I found a workaround, by setting the width to 930px instead of 100%. However, for some reason on IE6, the left sidebar is being pushed too far to the right, and when that happens, the area with the content is getting pushed below the menu.
Here is the page.tpl.php:
print $language
" xml:lang=" print $language
">
print $head_title;
print $head;
print $styles;
print $scripts;