Background-color disparu

Bonjour j'ai un petit soucis, après avoir mis des éléments en float dans mon footer le background (constitué d'un background-color et d'un background-image) a disparu. J'ai réussi à remettre le background-image grace à un overflow:hidden, mais je n'arrive pas à remettre le background-color.
Voici mon code html :

<footer>
    <div id="footer">
        <div class="center">
            <div id="imgfooter">
                <div id="gauche">
                <div id="conditions"><p>Voir les <a href="#">conditions générales de ventes</a></p></div>
                <a href="#"><div id="fbfoot">                  
                </div></a>
                <a href="#"><div id="twfoot">
                </div></a>
                <div id="info"><p><a href="#">Mentions légales</a> /<a href="#"> Charte de confidentialité</a> / <a href="#"> Plan du site</a></p></div>
                </div>
                <div id="contactacc"><p>Pour me contacter<br>adresse@mail.fr<br>ou <a href="#">cliquez ici</a><br>(Réponse garantie<br>dans les 48H<br>maximum)</p></div>
            </div>
        </div>
    </div>
</footer>

et le css :

#footer{
    background-color:#C8AD7F;
    color:black;
    overflow: hidden;
    width:100%;
}

#imgfooter{
    background-image:url(images/footer.png);
    overflow: hidden;
}

#footer a{
    text-decoration:none;
    color:black;
}

#footer a:hover{
    color:#fff;
}

#conditions{
    margin-left:2%;
    margin-top:2%;
}

#info{
    margin-left:2%;
    margin-top:2%;
}

p{margin:0}

#fbfoot{
    background-image:url(images/facebookfoot.png);
    width:56px;
    height:56px;
    margin-left:2%;
    margin-top:2%;
}

#twfoot{
    background-image:url(images/twitterfoot.png);
    width:55px;
    height:45px;
    margin-top:2%;
    margin-left:2%;
}

#contactacc{
    text-align: right;
    float:right;
    margin-top:3.5%;
}

#gauche{
    float:left;
}

Comment faire svp ?

Merci d'avance :)