I am a novice at CSS and I am at a loss on how to fix this problem. The menu bar displays differently on IE6 than Firefox. I don't really know how to fix it and what the problem is but I have found that if I modify the Margin value in the title div I can make the menu fit where it should in IE6, but then its off in firefox. #title { float: left; margin: 56px 0 48px 0; /* bottom was 48px for firefox */ height: 66px; background: url('title.png') repeat-x top; padding: 5px 0 0 20px; } If i change the 48px to 18px it looks fine in IE6 but then its too high in firefox. The website I am talking about is jni-consulting.com Any fix for this would be greatly appreciated. Thanks!