CSS3 avec dégradé et image de fond fixe...

[crony]

Hello,

J'ai un soucis avec ça :

#bandeau {

    position: relative;
    height:127px;

    /* Anciens navigateurs */
    background: #7c0c1b url("bandeau-bg.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    
    /* Navigateurs récents */
    background-image: url("/images/fond-vasa.png"),-webkit-gradient(
        linear,
        left top, left bottom,
        from(#a00c22),
        to(#7c0c1b)
    );
    background-image: url("/images/fond-vasa.png"),-webkit-linear-gradient(
        top,
        #a00c22,
        #7c0c1b
    );
    background-image: url("/images/fond-vasa.png"),-moz-linear-gradient(
        top,
        #a00c22,
        #7c0c1b
    );
    background-image: url("/images/fond-vasa.png"),-o-linear-gradient(
        top,
        #a00c22,
        #7c0c1b
    );
    background-image: url("/images/fond-vasa.png"),linear-gradient(
        top,
        #a00c22,
        #7c0c1b
    );
    /* IE10 */
    background-image: url("/images/fond-vasa.png"),-ms-linear-gradient(
        top, 
        #444444, 
        #999999
    ); 

    background-size:305px 127px;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    
} 

Ceci me permet d'avoir un bandeau qui fait la largeur de mon site, avec un joli dégradé, et une image à droite de mon bandeau.
Super, SAUF que en fait, mon dégradé ne fait pas toute la largeur de mon bandeau, mais juste la largeur de mon image sur la droite ( soit 305px sur 127px)

Est ce qu'un maître du CSS3 pourrait m'éclairer ???

Merci beaucoup !

[crony]

Re : CSS3 avec dégradé et image de fond fixe...

Ok trouvé, mais pas bien compris le truc...

#bandeau {

    position: relative;
    height:127px;
    
    /* Anciens navigateurs */
    background: #7c0c1b url("bandeau-bg.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    
    /* Navigateurs récents */

    background: url(/images/fond-vasa.png) 100% 0% no-repeat;
    /* Saf4+, Chrome */
    background: url(/images/fond-vasa.png) 100% 0% no-repeat,-webkit-gradient(linear, 0 0, 0 100%, from(#A00C22), to(#7C0C1B)) 0 0 no-repeat;
    /* FF3.6+ */
    background: url(/images/fond-vasa.png) 100% 0% no-repeat,-moz-linear-gradient(#A00C22, rgba(124, 12, 27, 1)) 0 0 no-repeat;
    /* Chrome 10+, Saf5.1+ */
    background: url(/images/fond-vasa.png) 100% 0% no-repeat,-webkit-linear-gradient(#A00C22, rgba(124, 12, 27, 1)) 0 0 no-repeat;
    /* Opera 11.10+ */
    background: url(/images/fond-vasa.png) 100% 0% no-repeat,-o-linear-gradient(#A00C22, rgba(124, 12, 27, 1)) 0 0 no-repeat;
    /* IE10 */
    background: url(/images/fond-vasa.png) 100% 0% no-repeat,-ms-linear-gradient(#A00C22, rgba(124, 12, 27, 1)) 0 0 no-repeat;
    /* W3C */
    background: url(/images/fond-vasa.png) 100% 0% no-repeat,linear-gradient(#A00C22, rgba(124, 12, 27, 1)) 0 0 no-repeat;
    
}