IE 7 Node Position Issue

Hello,

I'm using your theme for a small business website and it's a great match - thanks for making it!

There is however one issue worth mentioning: Out of the box, there is a bug with the way nodes are displayed in IE 7. In every other browser I've checked, when you publish a node it floats to the left and any right sidebar items are on the right as expected.

But in IE 7, nodes are moved about 2/3 to the right, pushing them awkwardly toward the other side of the site (and any right sidebar items get pushed down below it).

It appears the problem stems from this in "style.css":

#left {
padding:0 0 0 32px;
width:311px;

Somehow IE 7 is interpreting nodes as part of "#left", and creates 311 pixels of left blank space.... The only solution I could find was to change this width to 569px (the same as #wrap).

This does fix the problem for IE 7, but creates new issues when you log in and administer the site:

The admin menu block then expands to 569 pixels, and pushes the main content below it. I made a new class for that block and set it to 311px, but the content *still* stayed below the block. I couldn't find a way to move it up and to the right without causing other problems.....

Eventually I just disabled the "Navigation" block entirely and now use Administration Menu instead.

These workarounds are okay, but it would be great to address them as IE 7 is so widespread....

Thanks,

Jim