XF 1.4 Header Re size Help

[SamG]

Hey,
I have made a test header trying to get the header to re size itself to smaller resolutions, so I made the image purposely bigger to test this but the code I am adding doesn't seem to be working.
This is the code i have in the ad_header at the moment:

<xen:hook name="ad_header"/>
#header
{
    @property "header";
    background-image: url('@imagePath/flexile/test.png');
    background-repeat: no-repeat;
    background-position: top;
    -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@imagePath/flexile/test.png', sizingMethod='scale');
            -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@imagePath/flexile/test.png', sizingMethod='scale')";
    @property "/header";
}

Does anyone see anything wrong here? I have tried other codes but they didn't work either.

 

[Jake Bunce]

That CSS should go in this template:

Admin CP -> Appearance -> Templates -> EXTRA.css