Hjælp til css problem

´Hejsa

Jeg sidder og laver følgende side:

http://soederberg-webdesign.dk/urtehave/

Men kan simpelthen ikke finde ud af, hvorfor der er et mellemrum mellem sidebaren og banneret...

Har prøvet med alt muligt, padding: 0px osv..

Min css ser sådan her ud:


/* CSS Document */
html, body {
    margin: 0;
    padding: 0;
    }
   
body {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
    color: #1c564a;
    background: #1c564a;
    background-image: url(images/billeder/baggrundhestens.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
}       

#page-container {
                width: 800px;
                margin: auto;
                background-color: #f7f2b2;
                }
               
#main-nav {
    background: #f7f2b2;
    height: 15px;
   
}

#main-nav a {
    color: #1c564a;
    text-decoration: none;
    font-weight: bold;
}

#main-nav a:hover {
    color: #cc3366;
    font-weight: bold;
}


#main-nav dt { float: left;
                padding: 11px;
                color: #E0FCEB;
               
            }   
           
           
#header {
   
    background: #5D9E9B
        url(images/headers/banner1.jpg);
       
       
}   


#sidebar-a {
    float: left;
    width: 300px;       
    background: #418a77;
    line-height: 18px;
    clear: left;
    padding-right: 20px;
    margin: 0px;
    padding-top: 0px;
}

#sidebar-a .padding {
    padding: 5px 25px 25px 25px;
}

#content {
    margin-left: 340px;       
    background: #f7f2b2;
    line-height: 18px;
   
}

#content .padding {
    padding: 0px 25px 25px 15px;
}   

h2  {
    font-size: 16px;
    color: #1c564a;
    padding-top: 0px;
    }   
#footer {
    clear: both;   
    background: #cc3366;
    height: 35px;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    border-top: 3px solid #393A3D;
    padding: 13px 25px;
    line-height: 18px;

}   
   
#footer a {
    color: #E0FCEB;
    text-decoration: none;
    font-weight: bold;
}

#footer a:hover {
    color: #1c564a;
    font-weight: bold;
}

#footer #altnav {
    width: 350px;
    float: right;
    text-align: right;
}

Kan en af jer gennemskue hvad der går galt, for jeg vil godt have den lysere grønne box til at flugte med banneret....

takker lone