I can't pinpoint the problem. In IE, my layout is all wonky.
See http://www.rizzomattson.com/test/kno...in-the-country
I need a fresh set of eyes to take a look. I'm sure I have a margin off somewhere.
The right sidebar (which is the archives module, is being pushed below the content - somehow caused by the slideshow. If I disable the slideshow, the sidebar is up where it should be.


Thanks

I have only IE8 and it looks good, i mean the problem you mention it isn'there. Still, i guess the layout is not complete because you have there some small problems. Anyway, i guess your problem is a classical double margin bug on floated elements in IE6. I don't recall the exact solution but one trick is to use a half margin declaration only for IE, like my ex:

.content{
margin-left: 10px!important; /*this is for all browsers except IE6*/
margin-left: 5px;/*this is the margin for IE6. It will be still 10px because it will be double it by the bug*/
float: left;
}

The idea is that IE6 can't understand !important statement. So it will reset the margin from 10 to 5. Other browsers will ignore the second statement because the first one is more important.

Oh heavens no.. the solution to killing doubled-float margins is to add display:inline to the div with the margin that's being doubled. BUT, you need a separate 'iefixes.css" type of file that contains ONLY the code needed to squash the bug and you need to use conditional comments to call that fixes css file.