# Floating screwing with background image...?

**URL:** https://forum.kirupa.com/t/floating-screwing-with-background-image/273966
**Category:** web dev
**Created:** [October 23, 2008, 4:45am UTC](https://forum.kirupa.com/t/floating-screwing-with-background-image/273966 "2008-10-23T04:45:51Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![GGMcGee](https://avatars.discourse-cdn.com/v4/letter/g/ba8739/32.png) [@GGMcGee](https://forum.kirupa.com/u/GGMcGee)
#### Post date: [October 23, 2008, 4:45am UTC](https://forum.kirupa.com/t/floating-screwing-with-background-image/273966/1 "2008-10-23T04:45:51Z")

</div>

Having a floating-related problem. I think.

When I have two DIVs (a **left column** div and a **right column** div) within a **DIV container** and **float** the left column DIV left, and the right column div right, they appear to chop out the **background image of the DIV container** from where the div columns start. :S

It’s quite weird.

It stuffs up in Firefox, but looks fine in IE… which is weird, because it’s usually the other way around. lol

Uploaded the example here: [http://www.freewebs.com/superpremiumgoodtimewebsite](http://www.freewebs.com/superpremiumgoodtimewebsite)

I guess it’s doing it because IE does something by default, but Firefox doesn’t, and needs a bit more CSS for it to work right… but I have no idea what it is.

Can anyone help me please?
