OK, I have a sidebar listed first in my HTML and have it floated left with CSS. I have a middle section set at 56% width, and left and right margins of that element at 22% each.

The problem is that in IE 7, at certain browser widths (window widths), the middle section pops down; both the sidebar and middle are in the right place otherwise... it looks like it's floating, but just not adjacently. You can see it pop up and down if you resize your window (IE, that is... Firefox and WebKit are fine).

Here is the website I'm working on and here is my CSS.

Any ideas on what's wrong/happening/how to fix it?