IE7 can't get top-margin to work on main container.

[Thomas Coward]

I'm trying to get a gap between the top of the page and the container with the pages main content in. It seems to load fine in Chrome and Firefox but IE7 doesn't like it. I also have an absolute element that is a bar across the top that doesn't render correctly.

Here is my site: http://suffolkcottage.x10.bz/

#container
{
    width:900px;
    margin: 30px auto 0px auto!important;
    margin: 30px auto 0px auto;
    background-color:#FFFFFF;
    background:#ffffff url('grad.png') repeat-x bottom;
    border:1px solid #e8e8e8;
    z-index:100;
    overflow: auto;
}
 

Any help correcting/changing the code would be appreciated.

Thanks,
Tom

[Thomas Coward]

Fixed :D removed absolute positioning on the top bar. Then I added negative margins to the main container to position it where I wanted. Now loads of ie7 yay!