float not working

mister_mister · March 11th, 2008, 04:26 PM

the following code looks different in Firefox than in IE (what's new?). however this time, it looks the way i want it in IE! i can't figure out how to get my centered red box to wrap completely around my 2 green column boxes. any ideas?

Code:

<div style="margin:0 auto;width:300px;border:1px red solid">
   <div style="width:100px;float:left;margin:10px;border:1px green solid">column 1 text goes right here</div>
   <div style="width:100px;float:right;margin:10px;border:1px green solid">column 2 text goes right here</div>
</div>

cheers,
steve

mister_mister · March 11th, 2008, 05:00 PM

nevermind - i solved it by adding "overflow: hidden;" to the containing <div>

cheers,
steve