I'm working on this site:
http://www.essenceofsoy.com/redesign/index2.html
and I'm having a few problems with getting the layout exactly right.
1) When the window is shrunk, there is a very unsightly white gap that can be seen on the right-hand side, where the header and footer don't continue to extend.
I would like to fix this, but can't figure out how.
2) When the menu items are rolled over, they cannot be clicked as links unless the mouse pointer is on the bottom-half of the button.
3) In Firefox, the pink quote banner and two gray form boxes above and below the content aren't centered in the "content" div. It looks fine in IE6, though.
If anyone can help me with any of the above problems, I would be so grateful!
I'm a newbie at this DIV/CSS thing, so bear with my messy code.
I can provide screenshots/code samples/etc. if needed.
Thanks again!