Wie kan mij helpen?

Ik probeer in mijn thema (woostore) de header aan te passen naar wat ik wil.
De code die ik heb gevonden in style.css is:

/* 2.3 Header */
#header{padding:40px 0 30px;clear:both;position:relative;}

#logo { float:left; }
#logo img { }
.site-title, .site-description { display:none; text-shadow: 0 1px #fff}
.site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:bold; text-decoration:none; }
.site-title a:hover { text-decoration:underline; }
.site-description { color:#999; font:italic 14px Georgia, serif; }

#topad {float:right;}
#search-top {float:right;position:relative;}
#search-top label { display: none; }
#search-top .searchform {position: relative;}
#search-top input.field { background: #fff url(images/bg-input.png) repeat-x top left; border:1px solid #ccc; color:#777; font-weight: bold; padding:9px 25px 9px 12px; width:180px;}
#search-top input.btn {border:none; position: absolute; width: 16px; height: 16px; right:0px; top:0px; }

Hoe kan ik deze veranderen in een header met een plaatje bijv:

#header {
background: url(/images/header-image.jpg) no-repeat;
width: 980px;
height: 100px;
}

alleen dat werkt niet.. ?? Wie weet hoe ik er een mooie header van kan maken?