CSS Overflow incorrect in IE7

I have a problem with IE7, i just notice开发者_JAVA技巧d couple days ago that my floated divs are overfloating all the way out of the box to the left

here is the problem: http://www.locksmith-service-rockville-md.com/door-knob-lever-set

i have been trying to figure it out for the past 3 days, so far with out any success,

Can anyone tell me what i am doing wrong here?

Thanks in advance

---

You kept changing the live site, so I'm slightly confused.

• Make sure #left-side does not have overflow: auto.
• On div .views-row-odd, div .views-row-even, remove clear: right.
  (this change doesn't seem to be required, but I also don't see the need for clear: right here)
• From your HTML source code, remove <div class="space"></div>.
  That's not the way to get the space at the top; it's causing problems.

Do those changes to your live site, and let me know what you think.

If that's good so far in the different browsers you're testing in, we can see about adding back in that spacing, using a different method.

---

Here's something to try:

div#left-side
{
  overflow: auto;
}

This fixes 90% of all floating issues.

---

When eliminated float: left on first div with class "views-row views-row-1 views-row-odd views-row-first", more specifically ".views-row-odd" seem fixed your problem.