How do I fix these margins? Only working ok in Firefox

Question

I'm having issues with the margins in browsers (other than Firefox) on this page:

http://jumpthru.net/newsite/commentary/

Here is the CSS:

#container3 {
    float: right;
    margin: 0 -240px;
    width: 100%;
}

#content3 {
    margin: 0 210px 0 -45px;
    width:500px;
}

#primary, #secondary {
    left:920px;
    overflow: hidden;
    padding-top: 40px;
    position:absolute;
    width: 220px;

}

Answer 1

Kind of a strange way to build up the page.. I recommend you to create a 2 column layout in main2.. Left for menu and right for the comments header, with beneath that the content and the recent comments div..

And, start using clearfix: http://www.positioniseverything.net/easyclearing.html