Nerde Hata Yaptım Acaba?

Arkadaşlar html/css yeni öğreniyorum. İki tane aynı isimde ayrı ayrı bir header divi birde header clası oluşturdum. Header div'im içerisinde header arka plan genişliğe 100% verdim. Burda sıkıntı yok. Birde header clası oluşturmusum bu clas içerisindeki genişliği 980px olarak sınırlandırıp sayfamda ortalamışım. Bu şekilde eklediğim logo menü linkleri vs. sayfamın sağına ve soluna istediği gibi kaçamıyo 980px geçemiyor. Bu şekilde istediğim sonucu mozilla ve chrome tarayıcılarında alıyorum. Yani aşagıda class arasında <p>furkan</p> yazısı dilediği gibi sağa ve sola kaçamıyor. Ancak internet explorer tarayıcında istediğim sonucu alamıyorum. Sanki text-align:left; yapmısım gibi solda yer alıyor. Sorunun benim bu yöntem, yapmamdan kaynaklandıgını düşünüyorum.

Arkadaşlar header içerisinde 980px gövde alanını yakalamam gerekiyo. İnternet explorer tarayıcısında bu sonucu alamadım. Kod yanlış olabilir ve bunun başka bir yöntemi olabileceğini düşünüyorum Yardımlarını bekliyorum..

Html Kodu:

<div id="header"></div>
<div class="header">

<p>furkan </p>

</div>

CSS Kodu:

#header{
background:url(header.png) repeat-x;
width:100%;
height:142px;

}
.header{
width:980px;
margin:0 auto;

}

şöyle denesen;

body{margin:0; padding:0;}

#header{
background:url(header.png) repeat-x;
width:100%;
height:142px;

}
.header{
width:980px;
margin:0 auto;
overflow:hidden;
}

Hocam olmadı internet explorer'da patlıyor 980px sınır alanı koymuyor..

ben bir hata göremedim ... bir test etseniz? yada resim ile açıklama şansınız varmıdır?

Hocam ben header içerisinde sınırlandırma yapmak istiyorum header altında değil yani header içerisinde tam ortada sizin yaptıgınız gibi görünmez bir sınır hocam header içerisinde yapıcam kısacası bu 980 px sınırlandırmayı..

ne yazıkki anlayamadım ... sanırım resim üzerinde göstermen daha iyi olacak