El estilo no se aplica a los divs del header

[jechiotta]

Buen dia, mi consulta es porque tengo un header y dentro se encuentran dos divs (headerizq y headerder), dentro de cada uno de estos divs se encuentran otro div mas (logo y redes) respectivamente.

Mi problema es que los estilos no se están aplicando a los divs "logo" y "redes". porque es ??? Abajo pongo todo el codigo del HTML y de la hoja de estilos. SI VEN ALGÚN OTRO PROBLEMA O QUIEREN AGREGAR ALGO PARA MEJORARLO BIENVENIDO SEA.

Código HTML:

<header>
    <div id="headerizq">izq
        <div id"logo">logo</div>
    </div>
    <div id="headerder">der
            <div id"redes">redes
<a href="#"target="_blank"alt="facebook"border="0"width="55"height="55"img src="image/facebook.png"></a>
<a href="#"target="_blank"alt="twitter"border="0"width="55"height="55"img src="image/twitter.png"></a>
<a href="#"target="_blank"alt="youtube"border="0"width="55"height="55"img src="image/youtube.png"></a>
<a href="#"target="_blank"alt="linkedin"border="0"width="55"height="55"img src="image/linkedin.png"></a>
                </div>
    </div>
</header>
 

y la hoja de estilo es esta

Código CSS:

#contenedor header {
    width: 75%;
    height: 100px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto; 
    border: solid; 1px; #666;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
    #headerizq {
        width: 50%;
        height: 100%;
        float: left;
        border: solid; 1px; #666;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
        #contenedor header #headerder #logo {
            width: 250px;
            height: 75px;
            border-top: 10px;
            border-right: 0;
            border-bottom: 0;
            border-left: 10px;
            border: solid; 1px; #666; 
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
    #headerder {
        width: 50%;
        height: 100%;
        float: right;
        border: solid; 1px; #666;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
        #contenedor header #headerder #redes {
            
            width: 250px;
            height: 75px;
            border-top: 10px;
            border-right: 10px;
            border-bottom: 0;
            border-left: 0;
            border: solid; 1px; #666; 
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
 

espero se entienda este codigo (SOLO ES LA PARTE DEL HEADER)

[fegm_4]

Estan flotantes, quitales el float