hegbirts

Ok, you're my hero! Here's what I did: #nav { height: 76px; width: 1024px; padding-top: 0px; padding-left: 5px; clear: both; } Now it works in FF and IE7.....I'm afraid to check others. Thanks so much.

Thanks, I will try those suggestions later on today. You are correct, I am trying to create a horizontal menu. My url is http://www.birtsbags.com

Tried your suggestion but it didn't work. Here is the code I have that makes the header look correct in FF but not IE, maybe you will see something I have missed. My site is http://www.birtsbags.com CSS: @charset "utf-8"; /* CSS Document */ body { margin: 0px; padding: 0px; } #header-container { width: 100%; height: 250px; background-color: #663300; } #header { background-image: url(../images/header.png); background-repeat: no-repeat; width: 1024px; height: 250px; margin: auto; } #logo{ float: left; padding-top: 0px; padding-left: 16px; } img { border: none; } #nav { height: 76px; width: 1024px; padding-top: 220px; padding-left: 5px; } #nav ul { text-align: left; margin: auto; width: 1024px; } #nav ul li { display: inline; padding: 0px; margin: 0px; } The header.php code is: Thanks again!

New to web development so bare with me.... I created a lovely header which is coded into all of my pages using: <?php include("header.php"); ?> I of course also have a style sheet in the head of every page that styles the header. Looks great in FF but the navigation buttons do not align properly in IE (I use IE7 specifically, have not looked at it in other versions yet). In order to make it look good in IE, I must remove the padding-top from the following code in my css: #nav { height: 76px; width: 1024px; padding-top: 220px; padding-left: 5px; } And I also must add the div class=clear code to my header.php: So, how do I use these codes for IE and still get it work in other browsers. I know about conditional comments but can I use them for css and my header.php at the same time? Or is there a simpler way? Thanks a million, I am beyond frustration!