Problem with float clearing in IE 5.01

[JohnSaunders]

I am using overflow:hidden to clear two floats in a div and am using height: 1% to clear them in IE 6+. For some reason neither one of the floats appear in IE 5.01 and I was wondering if anyone knows of a hack that is specific to this browser to resolve the problem.

[all4nerds]

Hello

As far as I know the haslayout height 1% is working in IE 5 on Windows ? maybe show your code or even better a link to your problem page , Please

[JohnSaunders]

I don't have it online yet, but here's the bits of code I'm using:

  <div id="main">
    <div id="sidebar">
<p>blah</p>
    </div>

    <div id="content">
<p>blah</p>
    </div>
  </div>

#main {
  overflow: hidden;
}

#sidebar {
  float: left;
  width: 200px;
}

#content {
  float: left;
  margin-left: 20px;
  width: 500px;
}

/* stylesheet loaded using conditional comments for ie7 and below */
#main {
  height: 1%;
}

[all4nerds]

Hello

This seems to work ? conditional comments on a PC don't always work ? and IE 5 don't likes the overflow hidden on the wrapper

use
head+body #main{overflow:hidden;}

[JohnSaunders]

THANKS! You rock!

[JohnSaunders]

Any idea how to fix this for older netscape browsers? (since overflow:hidden doesn't work and they don't see ie conditional comments)

[all4nerds]

Hello

Use the PIE way of float clearing