You can’t always use overflow:hidden; because it’s main job is to clip anything that hangs out of the parent. There are some times when you want something to hang out intentionally and then you need to resort to other methods.
Basically I have got a wrapper then a container then a content container then a content div!!
in the content div I’ve got three divs that are 3 columns.
The content container div contains the background image for the content.
Hi, Welcome to SitePoint
It sounds like those three columns are floated and that you have a width or something else on the wrapper that has tripped haslayout in IE.
IE will automatically (incorrectly) contain it’s floats when haslayout is tripped. Modern browsers need to be forced to contain their floats.
That is most commonly done with the overflow property. It forces the parent div to search for all it’s children and then it wraps them up and expands with them. Floats are removed from the page flow so the parent does not know they are there unless you force it to look for them.