Category tabs, alignment and dropdowns

[GraniteMan44]

I am using ZC 1.3.7 if that helps.

[gjh42]

You have specified a height for #headerWrapper which is less than its content requires. Eliminate this property, as it is only useful in special circumstances:

#headerWrapper {
        background-image: url(../images/Header_1280x107.jpg);
	background-position: center top;
        background-repeat: no-repeat;
       
        margin-bottom: 3em;
	padding-top: 0em;
        height: 107px;
        }

[GraniteMan44]

Thank you. That solved the vertical issues, but the categories are still not centered horizontally. Have I made a similar error somewhere else that is causing this?

[gjh42]

That was a tricky one. There is left padding on the <ul> (in Firefox), but there is no rule at all that mentions padding and applies to that list. I finally remembered that FF and IE treat lists differently, with one using padding-left and the other using margin-left by default on lists. So it was built into the browser and not any written rule.
Find in your stylesheet around line 317, and add the part in red:

#navCatTabs ul {
	
        margin: 0em;
	list-style-type: none;
	/*text-align: center;*/
        padding: 0;
	}

[GraniteMan44]

Awesome!! That worked. Thank you very much gjh42. I have spent many ways and days trying to figure that one out.