Question

I have a problem with IE7, i just noticed 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

Answer 1

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.