Resizing logo in css

[janicemurby]

hya all i am trying to resize i logo image but its not working i can double width but not to width of page i have been in head.css and layout.css see below for css for section

header.css

/* Logotype */

#logo-box {
    position: absolute;
    top: 9px;
    left: 0;
    width: 500px;
    height: 80px;
}

#logo-box a {
    font-size: 22px;
    color: #000;
    text-decoration: none;
    padding: 30px 0 30px 174px;
    display: block;
    background: url('../images/logo.png') no-repeat center left;

}



layout.css
#header-container {
    height: 200px;
    background-color: #000000;
    background-position: bottom;
}

#header-body {
    width: 924px;
    height: 105px;
    margin: 0 auto;
    position: relative;
}

see image below any ideal would be great

ty jan x

[pixelsoul]

It looks like you're using the logo as a background? In that case you would need to use background-size: 100% auto; with whatever dimension you need. Can be set to pixels etc as well.