Question

I have my webpage working perfectly in Firefox. But in IE it doesnt wrap properly.

the parents div for both columns is:

.underbars
{
    left:0;
    right:0;
    top: 140px;
    position: absolute;    
}

In this div there are 2 divs, one is floating and the other should sit directly to the right of the floating div, The reason the second div is not floating is because I want it to take up the left over space. in IE the second div sits directly under the first div.

floating div: (should be on left hand side)

.cabinetpane
{

    border-right: 1px solid #c1c0c1;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #c1c0c1;
    border-bottom-color: #c1c0c1;    
    font-size: 12px;
    color: #3B4F65;
}

Wrapping div (should be directly to the right and take up all available space)

<div> </div> //No css for this one

Answer 1

Best solution i could come up with is to have a div that has the single purpose of aligning things (it is only for structure, no color / borders are displayed).

Here is the box model:

That div im talking about is the one you want to “take up the left over space” aka the orange box.
Inside that div a style is applied that dictates, the div will have a margin-left (this margin should be as wide as the float-left column you had) so that when another div is placed inside and given width:100%, in this case the blue div (i gave it 90 because of padding and borders etc. you will need to fiddle around with this based on what borders/margins/padding you have) that blue div will always occupy the rest of the space.

To sum it up by colour:

• Black = your left column div that is a fixed with
• Orange = div used for structure (should not have borders / background etc.)
• Greed = metaphorical representation of the left-margin used on the orange div
• blue = the div that fills the space on the right.

P.S. I tested this in IE8

you can find all the css/html in this jsfiddle and i recomend using JSFIDDLE every time you are posting a CSS/js/HTML related issue a picture paints 1000 words.