Gap mellem 2 boxe

Hej.
Nu har jeg snart bøvlet med det her i nogle timer efterhånden.
Mit problem er at jeg har en box med et top banner (top) og en indholdsbox (content). Der er et hul mellem de 2 i FF og Safari, men ikke i IE. Har søgt en del på nettet men kan bare ikke få det til at virke.
Her er CSS koden:
@charset "utf-8";
/* CSS initially */
html, body {
    background:#FAFAFF;
    margin: 0px;
    padding: 0px;
    background:url(../images/bgFill.jpg);
}

a:link {
    font-weight:normal;
    text-decoration: underline;
    color: #11079B;
}
a:visited {
    font-weight: normal;
    text-decoration: underline;
    color: #11079B;
}
a:hover, a:active {
    font-weight: bold;
    text-decoration: underline;
    color: #000000;
}

/* CSS Site Construction */
.background{
    background:url(../images/bg.jpg) repeat-x;
    height:755px;
}
.centerbox{
    width: 806px;
    margin: auto;
    text-align: left;
    margin-top:0px;
}

.centerbox .top{
    background:url(../images/topBanner.png) no-repeat;
    height: 171px;
    width: 806px;
    margin-top:0px;
}
* html .centerbox .content{
    width: 806px;
    background-color:#00FF99;
    margin-top:-20px;
}
.centerbox .content{
    width: 806px;
    background-color:#00FF99;
    margin-top:0px;
}
.centerbox .content .menuboxWhole{
    width: 170px;
    background-color:#333399;
}

.centerbox .content .menuboxWhole .menubox{
    background:url(../images/menuContentBG.png) repeat-y;
}
.centerbox .content .menuboxWhole .menubox .menuboxShadow{
    background:url(../images/menuContentShadow.png) no-repeat bottom right;

}
.centerbox .content .menuboxWhole .menuboxBottom{
    background:url(../images/menuContentBottom.png) no-repeat 0px 0px;
    height:23px;
    margin-top: -20px;
}


Håber der er nogen der kan hjælpe?