IE forcing floating div to bottom despite fixed width container?

Question

I've been working on http://healthimpactnews.com and I need to fix this issue asap.

For some reason, IE, and IE only, squeezes the right-hand sidebar down below the other divs even though all the div columns are floating and within a fixed width container. My browsers create a horizontal scroll bar when the are sized down, but IE just forces the div down, instead.

Anyone know why?

Answer 1

The div with class ct_w is 1000px width;

The first child of that (ct) is also 1000px width,

so it pushes the second child ct_c3 (the right bar) away... (down)

solution:

completely remove the width property of the div with class ct

.ct {
    margin: 0px auto;
    width: 1000px; /** <--- remove this **/
}