On 7/19/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> See picture here of Firefox and IE.
> http://webmarksonline.com/temp/test.gif
> 
> What you see in IE is what I want.
> 
> Why is Firefox not rending the background image of this page here
> http://webmarksonline.com/temp/test.htm
> 
> There is not much code.  I have minimized it so as to make it easy for
> you to debug.   So please help.

Actually, Firefox is behaving correctly (according to standards), and
IE is stuffing it up.

Floated elements are removed from the normal flow within a box. 
Because the only element within your #wrap is the floated #leftcol and
the empty #clear, there is nothing within #wrap that actually gives it
any height.  IE incorrectly gives #wrap enough height to contain the
floated #leftcol.

If you add some kind of height declaration to your #wrap selector, or
add some more non-floated content within that div, you will find that
the background is displayed in Firefox (and IE).

By the way, you might find this useful as well:
http://www.positioniseverything.net/easyclearing.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to