Çözünürlüğe göre resim genişletme

Merhaba. wordpress tasarım genişliğini % olarak ayarladım. header ı da öyle yapmıştım fakat farklı çözünürlüklerde tasarım kenişleyip daralmasına rağmen header resmi aynı kalıyor css de bir kaç değişiklik yaptım fakat oturtamadım.

CSS kodları altta header.jpg header tablosuna her çözünürlükte tam olarak nasıl oturur?

/* begin Header */
div-header
{
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
}


div-header-center
{
    position: relative;
    width: 1004px;
    left:50%;
}


div-header-jpeg
{
  position: absolute;
  top: 0;
  left:-50%;
  width: 1004px;
  height: 200px;
  background-image: url('images/header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}


/* end Header */

ancak javascript ile yapabilirsiniz

bildirgecte supersized 3.0 diye bir makale vardı onunla çözebilirsiniz

teşekürler, ben daha basittir diye düşünmüştüm. css ile bi çözümü olmalı bence. başka önerisi olan?


edit

resim boyutunu yüzde % olarak ayarlayabilirmiyiz?