I can't help with MSIE problems, but I will point out that the
QUOTE
Waikawa Bed & Breakfast
and
Snapper Bach
heading is aligned to the left edge of the display area, but everything else is centered. They'll align as you expect only at one width of display area.
You've got a few other
markup errors and
CSS errors besides the ones you mentioned.
Specifying a font size of 0.8em for body text is just perverse. Use 100% for body text, larger percentages for headings and the like, and (slightly) smaller percentages for legalese and similar fine print.
Your footer text overflows the height you've specified if a larger font size is enforced by the browser.
If you're going to hide and reveal content, then use the same mechanism to hide it as you use to reveal it. If you hide it with CSS and reveal it with JavaScript, then it becomes inaccessible when CSS is supported, but JavaScript is unsupported/unavailable.
There are some other glitches that might be the result of my browser's default padding/margin, since you haven't specified all the padding and margin values.