Eliminar un margin necesario [Imagen ilustrativa en el post]

[Sirius381]

Hola kseso?, ya probe con las propiedades que me comentas y el resultado es el mismo, estas en lo cierto, el footer es hijo directo del body, te anexo el codigo CSS que tengo aplicado para todo el footer y sus elementos, le cambie a "class", yo tenia "id" pero como vi en tu ejemplo que era con class pues lo cambie:

Código:

.footer
{
    position: relative;
    left: 0;
    right: 0;
    width:100%;
    height: 56px;
    float:left;
    background-image:url("../images/nav-bg.png");
    background-color:#000; 
}

.footer li
{
    margin-top: 1.5%;
    list-style:none;
    float:right;
    color:#FFF;
    text-decoration: none;
    margin-left: .5%;
    margin-right: 1%;
}

.footer li:hover
{
    background-image:url("../images/prueba/btnhover.png");
}

.footer li a
{
    font-family: Arial;
    float:right;
    color:#FFF;
    text-decoration: none;
    list-style: none; 
}

.footer li a:hover
{
    font-family: Arial;
    float:right;
    color:#F7E70A;
    text-decoration: none;
    list-style: none;
}

#footerMenus #social
{
    margin-left: 2%;
    float:left;
}

.footer #social li img
{
    margin-bottom: 70%;    
}

.footer #footerMenus li a
{
    margin-bottom: 70%;
}