Hi Doug, It appears that FF does not take the child elements into consideration when floating elements. I have an example below which comes close to the behavior I think you were looking for.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11-transitional.dtd";> <html> <head> <title>Trouble with floats</title> <style> * { margin:0px; padding:0px } body { margin:20px } div#content { border:solid 1px black; width:100%; } div#leftArea { float:left; width:49.7%; border: solid 1px red} div#leftArea div { clear:both; width:405px; background-color:#A0A0A0 } div#rightArea { float:right; width:49.7%; border: solid 1px blue} div#rightArea div { float:right; width:220px; background-color:green; margin:2px } </style> </head> <body> <div id="content"> <div id="leftArea"> <div> Left Area </div> </div> <div id="rightArea"> <div> First Right div </div> <div> Second Right div - why doesn't this div drop below first right div when resolution is 600 x 800 in Firefox (it works in WinIE6) </div> </div> <br style="clear:both" /> <div> Below both </div> </div> </body> </html> Regards, Kepler Gelotte http://www.neighborwebmaster.com ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
