header problem in IE

[ZuluRose]

Hi,

I am having some issues trying to figure out why my header type face does not match across browsers.

Take a look at the header navigation in IE and then in Firefox(benchmark).
www.zulurose.com

Here is my stylesheet.

/**
 * Main CSS Stylesheet
 *

body {
    margin: 0;
    /* font-family: verdana, arial, helvetica, sans-serif;
    font-size: 62.5%; */
    font: 11px Verdana, Arial, sans-serif;
    color: #000000;
    background-image: url(http://www.zulurose.com/images/graphics/BackgroundPaper.jpg);
    margin-left: 20px;
    margin-top: 20px;
    margin-right: 0px;
    }

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
    color: #666666;
    text-decoration: none;
    font-size: 1em;
    }
 
a:visited {
    color: #666666;
    text-decoration: none;
    font-size: 1em;
    }

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
    color: #aa59de; /* #412354; */
    font-size: 1em;
    }

a:active {
    color: #0000FF;
    }

h1 {
    font-size: 1.5em;
    }

h2 {
    font-size: 1.4em;
    }

h3 {
    font-size: 1.0em; <!-- 1.3em OLD -->
    color: #666666;
    }

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
    font-size: 1.1em;
    }

.biggerText {
    font-size: 1.2em;
    }

h1, h2, h3, h4, h5, h6 {
    margin: 0.0em; <!-- margin: 0.3em; -->
    }

CODE {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 1em;
    }

FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    margin: 0.1em;
    }

TEXTAREA {
    float: left;
    margin: auto;
    display: block;
    width: 95%;
    }

input:focus, select:focus, textarea:focus {
    background: #F0F8FF;
    }

FIELDSET {
    padding: 0.5em;
    margin: 0.5em 0em;
    border: 1px solid #cccccc;
    }

LEGEND {
    font-weight: bold;
    padding: 0.3em;
    }

LABEL, h4.optionName {
    line-height: 1.5em;
    padding: 0.2em;
    }

LABEL.checkboxLabel, LABEL.radioButtonLabel {
    margin: 0.5em 0.3em;
    }

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    text-align: left;
    }

LABEL.inputLabel {
    width: 11em;
    float: left;
    }

LABEL.inputLabelPayment {
    width: 15em;
    float: left;
    }

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
    width: 12em;
    float: left;
    }

P, ADDRESS {
    padding: 0.5em;
    }

ADDRESS {
    font-style: normal;
    }

.clearBoth {
    clear: both;
    }

HR {
    height: 1px;
    margin-top: 0.5em;
    border: none;
    <!-- border-bottom: 1px solid #9a9a9a; -->
    }

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
    line-height: 1.8em;
    padding: 0.2em;
    border: 1px solid #000000;
    }

.messageStackWarning, .messageStackError {
    background-color: #ff0000;
    color: #ffffff;
    }

.messageStackSuccess {
    background-color: #99FF99;
    color: #000000;
    }

.messageStackCaution {
    background-color: #FFFF66;
    color: #000000;
    }

/*wrappers - page or section containers*/
#mainWrapper {
    /* background-color: #ffffff; */
    text-align: left;
    width: 100%;
    vertical-align: top;
    }

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    margin: 0em;
    padding: 0em;
    }

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    margin: auto;
    vertical-align: top;
    } 

#tagline {
    color:#000000;
    font-size: 2em;
    text-align : center;
    vertical-align: middle;
    }

#sendSpendWrapper {
    border: 1px solid #cacaca;
    float: right;
    margin: 0em 0em 1em 1em;
    }

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
    margin: 0;
    width: 47%;
    }

.wrapperAttribsOptions {
    margin: 0.3em 0em;
    }

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
    margin: 0em;
    font-size: 0.9em;
    }
.navNextPrevList {
    display: inline;
    white-space: nowrap;
    margin: 0;
    padding:  0.5em 0em;
    list-style-type: none;
    }

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    margin: 0em;
    /* background-color: #FFFFFF; */
    /* font-weight: bold; */
    color: #666666;
    height: 1%;
    width: 100%;
    text-align: left;
    <!-- font-size: 1.5em;  Nav Text Largers -->
    }

#navMain ul, #navSupp ul, #navCatTabs ul  {
    margin: 0;
    padding:  0.5em 0em;
    list-style-type: none;
    text-align: left;
    line-height: 1.5em;
    }

#navMain li,#navSupp li {
    border-left:1px solid #666666
    }

#navMain li.firstbar,#navSupp li.firstbar { 
    font-size: 1em;
    display:inline; border-left:none;
    
    }

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
    display: inline;
    }

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    text-decoration: none;
    padding: 0em 0.5em;
    margin: 0;
    color: #666666;
    white-space: nowrap;
    }

#navEZPagesTOCWrapper {
    font-weight: bold;
    float: right;
    height: 1%;
    border: 1px solid #000000;
    }

#navEZPagesTOC ul {
    margin: 0;
    padding:  0.5em 0em;
    list-style-type: none;
    line-height: 1.5em;
    }

#navEZPagesTOC ul li {
    white-space: nowrap;
    }

#navEZPagesTOC ul li a {
    padding: 0em 0.5em;
    margin: 0;
    }

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
    margin: 0.5em;
    }

#navBreadCrumb {
    /* background-color: #FFFFFF; */
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #666666;
    }

#navEZPagesTop {
    background-color: #ffff33;
    }

#navBreadCrumb, #navEZPagesTop {
    font-size: 0.95em;
    font-weight: bold;
    margin: 0em;
    padding: 0.5em;
    }

#navColumnOne {
    /* background-color: #FFFFFF; */
    vertical-align: top;
    }
    
#navColumnTwo {
    /* background-color: #FFFFFF; */
    }

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    vertical-align: top;
    }

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
    /*font-size: 1.2em;*/
    padding: 0.5em;
    }

.alert {
    color: #FF0000;
    margin-left: 0.5em;
    }
.advisory {}
.important {
    font-weight: bold;
    }
.notice {}
.rating{}
.gvBal {
    float: right;
    }
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
    padding: 0.8em;
    }

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
    font-size: 0.9em;
    }

/*Shopping Cart Display*/
#cartAdd {
    float: left;
    text-align: left;
    /* margin: 1em; */
    /* border: 1px solid #000000; */
    /* padding: 1em; */
    }

.tableHeading TH {
    border-bottom: 1px solid #cccccc;
    }

.tableHeading, #cartSubTotal {
    background-color: #e9e9e9;
     }

#cartSubTotal {
    border-top: 1px solid #cccccc;
    font-weight: bold;
    text-align: right;
    line-height: 2.2em;
    padding-right: 2.5em;
    }

.tableRow, .tableHeading, #cartSubTotal {
    height: 2.2em;
    }

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
    padding: 0.5em 0em;
    }

.cartUnitDisplay, .cartTotalDisplay {
    text-align: right;
    padding-right: 0.2em;
    }

#scUpdateQuantity {
    width: 2em;
    }

.cartQuantity {
    width: 4.7em;
    }

.cartNewItem {
    color: #33CC33;
    position: relative;  /*do not remove-fixes stupid IEbug*/
    }

.cartOldItem {
    color: #660099;
    position: relative;   /*do not remove-fixes stupid IEbug*/
    }

.cartBoxTotal {
    text-align: right;
    font-weight: bold;
    }

.cartRemoveItemDisplay {
    width: 3.5em;
    }

.cartAttribsList {
    margin-left: 1em;
    }

#mediaManager {
  width: 50%; 
  margin: 0.2em;
  padding: 0.5em;
  }

.normalprice, .productSpecialPriceSale {
    text-decoration: line-through;
    }

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
    color: #ff0000;
    }

.orderHistList {
    margin: 1em;
    padding: 0.2em 0em;
    } 

#cartBoxListWrapper ul, #ezPageBoxList ul {
    list-style-type: none;
    }

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
    margin: 0;
    padding: 0.2em 0em;
    } 

#cartBoxEmpty, #cartBoxVoucherBalance {
  font-weight: bold;
  }

.totalBox {
    width: 5.5em;
    text-align: right;
    padding: 0.2em;
    }

.lineTitle, .amount {
    text-align: right;
    padding: 0.2em;
    }

.amount {
    width: 5.5em;
    }

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
    margin: 0em 1em 1em 0em ;
    }

.categoryIcon {}

#cartImage {
    margin: 0.5em 1em;
    }

/*Attributes*/
.attribImg {
    width: 20%;
    margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
    margin: 1em 0em;
    }

/*sideboxes*/
.columnLeft {
    vertical-align: top;
    }

h3.leftBoxHeading, h3.leftBoxHeading a {
    font-size: 1em;
    color: #666666;
    text-align: left
    }

.leftBoxHeading, .centerBoxHeading {
    margin: 0em;
    }

.leftBoxContainer {
    margin-top: 1.5em;
    vertical-align: top;
    }

.sideBoxContent {
    /* background-color: #ffffff; */
    padding: 0.4em;
    }

h3.rightBoxHeading, h3.rightBoxHeading a {
    font-size: 1.1em;
    color: #FFFF00;
    }

.rightBoxHeading {
    margin: 0em;
    background-color: #663366;
    padding: 0.2em 0em;
    }

h3.leftBoxHeading a:hover {
    color: #FFFF33;
    text-decoration: none;
    } 

h3.rightBoxHeading a:hover {
    color: #FF0000;
    text-decoration: none;
    }

.rightBoxContent {
    /* background-color: #ffffff; */
    margin-bottom: 1em;
    }

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
    text-align: center;
    }

#bestsellers .wrapper {
    margin: 0em 0em 0em 1.5em;
    }

#bestsellers ol {
    padding: 0;
    margin-left: 1.1em;
    }

#bestsellers li {
    padding: 0;
    margin: 0.3em 0em 0.3em 0em;
    }

#bannerboxHeading {
    background-color: #0000CC;
}

#upProductsHeading {
    text-align: left;
    }

#upDateHeading {
    text-align: right;
    }

/*misc*/
.back {
    float: left;
    }

.forward {
    float: right;
    }

.bold {
    font-weight: bold;
    }

.rowOdd {
    background-color: #E8E8E8;
    height: 1.5em;
    vertical-align: top;
    }

.rowEven {
    background-color: #F0F0F0;
    height: 1.5em;
    vertical-align: top;
    }

CAPTION {
    /*display: none;*/
    }

#myAccountGen li, #myAccountNotify li {
    margin: 0;
    } 

.accountTotalDisplay, .accountTaxDisplay {
    width: 20%;
    text-align: right;
    /*vertical-align: top*/
    }

.accountQuantityDisplay {
    width: 10%;
    vertical-align: top
    }

TR.tableHeading {
    background-color: #cacaca;
    height: 2em;
    }

#siteMapList {
    width: 90%;
    float: right;
    }

.ratingRow {
    margin: 1em 0em 1.5em 0em;
    }

LABEL#textAreaReviews {
    font-weight: normal;
    margin: 1em 0em;
    }

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
    /* background-color: #ffffff; */
    }
    
/* ADD ONS AND CUSTOM STUFF */
#ccacceptContent {
    text-align:left; 
    padding:10px 0px; <!-- 10 20 --> 
    line-height:1.5em;
    }

.productGeneral {
    font-size: 1.1em;
    font-weight: bold;
    color: #666666;
    }
    
.productDescription {
    font-size: 1.1em;
    font-weight: normal;
    color: #666666;
    list-style-position: inside;
    list-style-type: disc;

    }

.productPrice {
    font-size: 1.1em;
    color: #4a2b5f;
    }

.productBox {
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #666666;
    padding-top: 10px;
    }

.productAdditionalImages {
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #666666;
    padding-top: 10px;
    }

.imageOutline {
    border: 1px solid #999999;
    }

.alsoPurchased {
    font-size: 0.9em;
    color: #4a2b5f;
    }

#productListHeading { 
    display: none
    }

.stitchBorder {
    border: 1px dashed #666666;
    }

[ZuluRose]

Hi, I've gotten several private messages regarding a header problem not displaying correctly in different browsers.

I was able to fix this issue, but I thought it was worth noting that if you make changes to the style sheet and comment the old data with <!-- xxx --> IE does not like those style of comments.

Ultimately, the stylesheet that comes with Zen Cart is not really XHTML strict based so you definately are not going to get the exact same results across browsers.

When I initially tried to get my style sheet validated using W3C's validator I found the following problems.

    * Line : 15 (Level : 2) Redefinition of margin-left : body
    * Line : 16 (Level : 2) Redefinition of margin-top : body
    * Line : 17 (Level : 2) Redefinition of margin-right : body
    * Line : 27 (Level : 1) You have no background-color with your color : #navEZPagesTOC ul li a
    * Line : 27 (Level : 1) You have no background-color with your color : #navEZPagesTOC ul li a
    * Line : 33 (Level : 1) You have no background-color with your color : a:visited
    * Line : 39 (Level : 1) You have no background-color with your color : #navCatTabs ul li a:hover
    * Line : 39 (Level : 1) You have no background-color with your color : #navCatTabs ul li a:hover
    * Line : 39 (Level : 1) You have no background-color with your color : #navCatTabs ul li a:hover
    * Line : 39 (Level : 1) You have no background-color with your color : #navCatTabs ul li a:hover
    * Line : 39 (Level : 1) You have no background-color with your color : #navCatTabs ul li a:hover
    * Line : 44 (Level : 1) You have no background-color with your color : a:active
    * Line : 57 (Level : 1) You have no background-color with your color : h3
    * Line : 91 (Level : 1) You have no color with your background-color : textarea:focus
    * Line : 91 (Level : 1) You have no color with your background-color : textarea:focus
    * Line : 91 (Level : 1) You have no color with your background-color : textarea:focus
    * Line : 115 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 115 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 115 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 115 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 115 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 115 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 176 (Level : 1) This property applies to block-level elements. : #mainWrapper
    * Line : 192 (Level : 1) You have no background-color with your color : #tagline
    * Line : 194 (Level : 1) This property applies to block-level elements. : #tagline
    * Line : 223 (Level : 1) This property applies to block-level elements. : .navNextPrevList
    * Line : 233 (Level : 1) You have no background-color with your color : #navCatTabsWrapper
    * Line : 233 (Level : 1) You have no background-color with your color : #navCatTabsWrapper
    * Line : 233 (Level : 1) You have no background-color with your color : #navCatTabsWrapper
    * Line : 236 (Level : 1) This property applies to block-level elements. : #navCatTabsWrapper
    * Line : 236 (Level : 1) This property applies to block-level elements. : #navCatTabsWrapper
    * Line : 236 (Level : 1) This property applies to block-level elements. : #navCatTabsWrapper
    * Line : 243 (Level : 1) This property applies to block-level elements. : #navCatTabs ul
    * Line : 243 (Level : 1) This property applies to block-level elements. : #navCatTabs ul
    * Line : 243 (Level : 1) This property applies to block-level elements. : #navCatTabs ul
    * Line : 265 (Level : 1) You have no background-color with your color : #navCatTabs ul li a
    * Line : 265 (Level : 1) You have no background-color with your color : #navCatTabs ul li a
    * Line : 265 (Level : 1) You have no background-color with your color : #navCatTabs ul li a
    * Line : 266 (Level : 1) This property applies to block-level elements. : #navCatTabs ul li a
    * Line : 266 (Level : 1) This property applies to block-level elements. : #navCatTabs ul li a
    * Line : 266 (Level : 1) This property applies to block-level elements. : #navCatTabs ul li a
    * Line : 284 (Level : 1) This property applies to block-level elements. : #navEZPagesTOC ul li
    * Line : 304 (Level : 1) You have no color with your background-color : #navEZPagesTop
    * Line : 334 (Level : 1) You have no background-color with your color : .alert
    * Line : 334 (Level : 1) Same colors for color and background-color in two contexts .messageStackError and .alert
    * Line : 334 (Level : 1) Same colors for color and background-color in two contexts .messageStackError and .alert
    * Line : 357 (Level : 1) This property applies to block-level elements. : #cartAdd
    * Line : 368 (Level : 1) You have no color with your background-color : #cartSubTotal
    * Line : 368 (Level : 1) You have no color with your background-color : #cartSubTotal
    * Line : 374 (Level : 1) This property applies to block-level elements. : #cartSubTotal
    * Line : 388 (Level : 1) This property applies to block-level elements. : .cartTotalDisplay
    * Line : 388 (Level : 1) This property applies to block-level elements. : .cartTotalDisplay
    * Line : 401 (Level : 1) You have no background-color with your color : .cartNewItem
    * Line : 406 (Level : 1) You have no background-color with your color : .cartOldItem
    * Line : 411 (Level : 1) This property applies to block-level elements. : .cartBoxTotal
    * Line : 434 (Level : 1) Same colors for color and background-color in two contexts .messageStackError and .productPriceDiscount
    * Line : 434 (Level : 1) Same colors for color and background-color in two contexts .messageStackError and .productPriceDiscount
    * Line : 434 (Level : 1) You have no background-color with your color : .productPriceDiscount
    * Line : 434 (Level : 1) Same colors for color and background-color in two contexts .messageStackError and .productPriceDiscount
    * Line : 434 (Level : 1) Same colors for color and background-color in two contexts .messageStackError and .productPriceDiscount
    * Line : 434 (Level : 1) Same colors for color and background-color in two contexts .messageStackError and .productPriceDiscount
    * Line : 434 (Level : 1) You have no background-color with your color : .productPriceDiscount
    * Line : 434 (Level : 1) Same colors for color and background-color in two contexts .messageStackError and .productPriceDiscount
    * Line : 434 (Level : 1) You have no background-color with your color : .productPriceDiscount
    * Line : 434 (Level : 1) Same colors for color and background-color in two contexts .messageStackError and .productPriceDiscount
    * Line : 434 (Level : 1) Same colors for color and background-color in two contexts .messageStackError and .productPriceDiscount
    * Line : 434 (Level : 1) You have no background-color with your color : .productPriceDiscount
    * Line : 457 (Level : 1) This property applies to block-level elements. : .totalBox
    * Line : 462 (Level : 1) This property applies to block-level elements. : .amount
    * Line : 462 (Level : 1) This property applies to block-level elements. : .amount
    * Line : 501 (Level : 1) You have no background-color with your color : h3.leftBoxHeading a
    * Line : 501 (Level : 1) You have no background-color with your color : h3.leftBoxHeading a
    * Line : 502 (Level : 1) This property applies to block-level elements. : h3.leftBoxHeading a
    * Line : 502 (Level : 1) This property applies to block-level elements. : h3.leftBoxHeading a
    * Line : 521 (Level : 1) You have no background-color with your color : h3.rightBoxHeading a
    * Line : 521 (Level : 1) You have no background-color with your color : h3.rightBoxHeading a
    * Line : 526 (Level : 1) You have no color with your background-color : .rightBoxHeading
    * Line : 531 (Level : 1) You have no background-color with your color : h3.leftBoxHeading a:hover
    * Line : 531 (Level : 1) Same colors for color and background-color in two contexts #navEZPagesTop and h3.leftBoxHeading a:hover
    * Line : 536 (Level : 1) Same colors for color and background-color in two contexts .messageStackError and h3.rightBoxHeading a:hover
    * Line : 536 (Level : 1) Same colors for color and background-color in two contexts .messageStackError and h3.rightBoxHeading a:hover
    * Line : 536 (Level : 1) You have no background-color with your color : h3.rightBoxHeading a:hover
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 546 (Level : 1) This property applies to block-level elements. : .attribImg
    * Line : 564 (Level : 1) You have no color with your background-color : #bannerboxHeading
    * Line : 568 (Level : 1) This property applies to block-level elements. : #upProductsHeading
    * Line : 572 (Level : 1) This property applies to block-level elements. : #upDateHeading
    * Line : 589 (Level : 1) You have no color with your background-color : .rowOdd
    * Line : 595 (Level : 1) You have no color with your background-color : .rowEven
    * Line : 610 (Level : 1) This property applies to block-level elements. : .accountTaxDisplay
    * Line : 610 (Level : 1) This property applies to block-level elements. : .accountTaxDisplay
    * Line : 620 (Level : 1) You have no color with your background-color : TR.tableHeading
    * Line : 644 (Level : 1) This property applies to block-level elements. : #ccacceptContent
    * Line : 652 (Level : 1) You have no background-color with your color : .productGeneral
    * Line : 658 (Level : 1) You have no background-color with your color : .productDescription
    * Line : 666 (Level : 1) You have no background-color with your color : .productPrice
    * Line : 689 (Level : 1) You have no background-color with your color : .alsoPurchased

Most if not all of these styles are the defualt styles that the validator warned against. There were also some styles that were straight up bogus, but that might have been on my part.

So for everyone who is having browser issues, make sure you submit your style sheet to the W3C CSS Validator to test it out and make the suggested changes.

I think I had only a few errors which when resolved all of my browser issues.

But just a heads up, that they style sheet could be fleshed out some more according to W3C Schools...

[kobra]

zulurose,

If am not mistaken...currently ZenCart is XHTML Transitional and not XHTML strict

[ZuluRose]

i dont have a copy of the original style sheet, but you might want to run it thru the validator and see what comes out.

So I am not sure that Zen Cart is XHTML Transitional.
For example use your Developer Tool Kit to search for "<br>" and you'll find plenty of examples that are not xhtml transitional. The code *should* be <br /> for XHTML Transitional and Strict.

In order to get my site (and some pages are still not working) to be validated I had to copy my site to my hard drive and use dreamweavers site wide find and replace on the <br> code.

If you have a a defualt zen site see if you can validate it.

My style sheet now passes and my home page is XHTML Transitional. But my inner pages need some work.
But that might be my problem ;)
http://www.zulurose.com

[misty]

zulurose, great template/design you have on your site..
Excellent..well done!!

[ZuluRose]

I take that back, I made some adjustments to my header and linked it to an E-Z Page and now it is no longer passing the validation.
Arghhhh ... I was so close .. Back to work!

[ZuluRose]

zulurose, great template/design you have on your site..
Excellent..well done!!

Thanks, I've had the site open for a little less than a week and have 3 orders! So I feel like I might be on the right track.

But I definately have to take my hats off to the Zen Cart team and forum, I've been pestering you guys for the last couple of weeks! And they have trained me up in their product pretty good.

But I still have more questions, but alteast the shop is open and I am happy with phase one.

-zulurose

PS, Does the USPS module work?

[misty]

PS, Does the USPS module work?

Sorry do not use that module.. someone who does will
hopefully answer your query

[kobra]

PS, Does the USPS module work?

Yes it works great!!!

You do require an account with USPS and they have gotten a bit faster in this creation. Once you have an account you then also need to request having this account moved to theiur "Live" server. Once this is all set and you have entered your account info in the admin for USPS it will process correctly

I do have a default 1.3.6 site that validates as transitional

[ZuluRose]

I got the USPS module working last night. Turn out I was not on their live server.

I think my errors with the XHTML Validation came from the swap image script (product info page) and some links I handcoded without using the '&amp;' code.

All my other pages validate correctly. But I am still having problems with the product listing because the validator does not like the JAVA scripting, and some hand coding. I'll work on that later tho...

Thanks for all the help. I guess my last issue with my Zen-Cart install is still in discussion on this thread. http://www.zen-cart.com/forum/showthread.php?t=51761

Corba, maybe you could take a look.