Lots of extra space in firefox but not opera or IE

[gotjesusyo]

Ok...

My next problem. I got to the next part of my website today and instead of just having 1 column of content this one has 3. It looks great in both opera and ie, but in firefox it has a giant space at the bottom. HELP!!! :D

problem page (http://www.wfbu.com/about.asp)

CSS 1 (http://www.wfbu.com/support/wfbu.css)

CSS 2 (http://www.wfbu.com/support/about.css)

[gotjesusyo]

Ok...here is what I have now learned..

<div id="contain">
<div id="1" class="floatleft">hello</div>
<div id="2" class="floatleft">it's me</div>
<div id="3" class="floatleft">goodby</div>
<div class="clearleft"></div>
</div>

The mistake is above. When you use the clear statement it adds a fake clear space. For what ever reason firefox made this clear space very real and very big on my page.

The code should be this.

<div id="contain">
<div id="1" class="floatleft">hello</div>
<div id="2" class="floatleft">it's me</div>
<div id="3" class="floatleft">goodby</div>
</div>
<div class="clearleft"></div>

The clear command should come outside of the div that is containing the floats.

Once again i got very little help :confused: but i figured it out.