header bölümündeki float left right'lar yüzünden oluyordur.
menünün hemen üstüne, php dosyasında, <div style="clear:both;"></div> ekleyin, o zaman üstteki yaslama tanımları o satırdan itibaren geçersiz kalır ve sorun düzelir.
eğer bunu yaptıktan sonra menü biraz yukarıda gözükürse, <div style="clear:both;height="5px"></div> kodunu kullanıp height değerini değiştirirsiniz.
eğer browserlar arasında boşluk farkları olursa, header.php dosyasına
Alıntı
<!--[if IE 8]>
<link rel="stylesheet" href="<?=bloginfo('template_url')?>/style-ie8.css" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="<?=bloginfo('template_url')?>/style-ie7.css" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" href="<?=bloginfo('template_url')?>/style-ie6.css" type="text/css" media="screen" />
<![endif]-->
kodunu yapıştırıp, her ie için bir css dosyası oluşturun ve hepsine göre ayrı ayrı boyut verin.
mesela ie8'de menünün yüksekliği az geliyorsa, style-ie8.css dosyasındaki yükseklik değerini artırırsınız.
ie.css dosyalarında, asıl css dosyasındaki tüm kodları kullanmanız gerekmiyor. sadece farklılık olan kodları koyun yeterli.