Strange left and right column problem!

[ericG]

Hi,

I developed my zen-cart website locally, and had a background image tiled to my left and right columns. Now that I've got it online, the background image doesn't show up in the background. The path is the same as to other images which show up fine, and I've even tried the image in a different directory. Still no luck! Please help

Here is the area of code that controlled the columns background image before:

#contentColumnMain, #navColumnOne,  .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
 vertical-align: top;
 background-color: #DDDDDD;
 background-image: url(../images/bgMAIN.png);
 white-space: wrap;
 /*background-color: 009999, DDDDDD ccc 000033 #404040; ADDS COLOR FOR ENTIRE LEFT COLUMN*/
 }
#navColumnTwo {
 vertical-align: top;
 background-color: #DDDDDD;
 background-image: url(../images/bgMAIN.png);
 /*ADDS COLOR FOR ENTIRE RIGHT COLUMN*/
 }

Here is my stylesheet:

/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 3688 2006-06-02 00:12:18Z drbyte $
 * BackgroundC=#2E0854 #404040 #FFFFFF #000033 #363636 background-image: url(../images/bgBLUED.png);
 */
body {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 78%;
 color: #000000;
 background-color: #EEEEEE; /*#FFFFFF;*/
 background-image: url(../images/back5.jpg);
 margin: 0; 
 }
a img {
 border: none; 
 } 
a:link, #navEZPagesTOC ul li a {
 color: #800000;
 text-decoration: none;
 }
 
a:visited {
 color: #800000;
 text-decoration: none;
 }
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
 color: #FF0000;
 }
a:active {
 color: #FF0000;
 }
h1 {
 font-size: 1.5em;
 }
h2 {
 font-size: 1.4em;
 }
h3 {
 font-size: 1.3em;
 }
h4, h5, h6, LABEL, h4.optionName, ADDRESS, .sideBoxContent, legend, .larger{
 font-size: 1em;
 white-space: wrap;
 }
h1, h2, h3, h4, h5, h6 {
 margin: 0.2em;
      }
.biggerText {
 font-size: 1.2em;
 }
CODE {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 1em;
 }
FORM, SELECT, INPUT {
 display: inline;
 font-size: 1em;
 margin: 0.1em;
 }
TEXTAREA {
 margin: auto;
 display: block;
 width: 95%;
 }
input:focus, select:focus, textarea:focus {
 background: #FFFFFF;
 }
FIELDSET {
 padding: 0.5em;
 margin: 0.5em 0em;
 border: 1px solid #000000;
 }
LEGEND {
 font-weight: bold;
 padding: 0.3em;
      color: #000000;
 }
LABEL.checkboxLabel, LABEL.radioButtonLabel {
 margin: 0.5em 0.3em;
 }
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
 float: 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-bottom: 1px solid #000000;
 }
/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
 line-height: 1.8em;
 padding: 0.2em;
 }
.messageStackWarning, .messageStackError {
 color: #C00000;
 }
.messageStackSuccess {
 color: #059705;
 }
.messageStackCaution {
 color: #C00000;
 }
/*wrappers - page or section containers*/
#mainWrapper {
 background-color: #FFFFFF; /*CENTER COLUMN COLOR #FFFFFF*/
 text-align: left;
 vertical-align: top;
        border: 0px solid #000000;
        width: 1002px /* 1002px;100%; 970px 780px*/ 
 }
#logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
 margin: 0em;
 padding: 0em;
 }
#contentMainWrapper {
      padding-top: 0.5em;
      }
#headerWrapper {
      background-color: #000000;
      background-image: url(../images/headerBACK3.jpg);  /*header_back.gif*/
 margin: 0em;
 padding: 0em;
 }
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
 margin: auto;  
  float: left; /*added to left align the site*/
 
 } 
#tagline {
      position: relative;
 color: #FFFFFF;
 font-size: 12px;
 text-align : right; 
 vertical-align: middle;       
 }
#sendSpendWrapper {
 border: 1px solid #000000;
 float: right;
 margin: 0em 0em 1em 1em;
 }
.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
 margin: 0;
 width: 46%;
 }
.wrapperAttribsOptions {
 margin: 0.3em 0em;
 }
/*navigation*/
.navNextPrevWrapper {
      padding: 0em 0em 1em 0em;
      }
.navSplitPagesResult {
      padding: 1.5em 0em 1.5em 0em;
      }
.navSplitPagesLinks {
      padding: 1.5em 0em 1.5em 0em;
      }
.navNextPrevCounter {
 margin: 0em;
 font-size: 0.9em;
 }
.navNextPrevList {
 display: inline; /*prev product and next button Hvs.V*/
 white-space: nowrap;
 margin: 0;
 padding: 1em;
 list-style-type: none;
 }
#navMainWrapper{
        margin: 0em;
        padding: .60em 0em 0.1em 0em;
        background-color: #6D6D6D;
        background-image: url(../images/newBACK2.jpg);
        font-weight: bold;
        font-size: 12px;
 color: #000000;
        width: 100%;
 }
#navSuppWrapper{
 margin: 0em;
        padding: .60em 0em 0.1em 0em;
        background-color: #6D6D6D;
        background-image: url(../images/bar6.jpg);
 font-weight: bold;
        font-size: 10px;
 color: #000000;
 width: 100%;
        }
#navCatTabsWrapper {
 margin: 0em;
        padding: .60em 0em 0.1em 0em;
        background-color: #6D6D6D;
        background-image: url(../images/bar6.jpg);
 font-weight: bold;
        font-size: 12px;
 color: #000000;
 width: 100%;
 }
 
#navEZPagesTop {
       background-image: url(../images/nav_back.gif);
       margin: 0em;
       padding: 1em 0em 0em 0em;
       background-color: #C0C0C0;
       font-size: 10px; 
      font-weight: bold;
  text-align: center;
 height: 21px;
  width: 100%;
 }
.navBottom {
      background-image: url(../images/nav_bottom.gif);
      margin: 0em;
      width: 100%;
      height: 5px;
      font-size: 5px;
      }
#navMain ul, #navSupp ul, #navCatTabs ul {
 margin: 0;
 padding:  0.5em 0em;
 list-style-type: none;
 text-align: center;
 }
#navMain ul li, #navSupp ul li, #navCatTabs ul li {
 display: inline;
 white-space: wrap;
 }
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
 text-decoration: none;
 padding: 0em 0.25em;
 margin: 0em;
 color: #800000;
 }
#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 {
      font-weight: bold;
      }
#navColumnOne {
 background-color: #FFFFFF;
      padding: 0.25em; /*0.25em*/
 white-space: wrap;
 }
#navColumnTwo {
 background-color: #FFFFFF;
      padding: 0.25em 0.50em .25em 0.25em !important;
      padding: 0.25em; /*0.25em*/
 
      }
/*The main content classes*/
#contentColumnMain, #navColumnOne,  .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
 vertical-align: top;
 background-color: #DDDDDD;
 background-image: url(../images/bgMAIN.png);
 white-space: wrap;
 /*background-color: 009999, DDDDDD ccc 000033 #404040; ADDS COLOR FOR ENTIRE LEFT COLUMN*/
 }
#navColumnTwo {
 vertical-align: top;
 background-color: #DDDDDD;
 background-image: url(../images/bgMAIN.png);
 /*ADDS COLOR FOR ENTIRE RIGHT COLUMN*/
 }
/*.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;
      padding: .25em;
 }
/*Product Listing*/
.productListing-data {
      border-top: 1px solid #000000;
      padding: 0.50em 0em 0.50em 0em;
      }
/*Shopping Cart Display*/
#cartAdd {
 float: right;
 text-align: center;
 margin: 1em;
 border: 1px solid #000000;
 padding: 1em;
 }
.tableHeading TH {}
.tableHeading, #cartSubTotaL {}
#cartSubTotal {
 border-top: 1px solid #000000;
 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   {
 border-top: 1px solid #000000;
 padding: 0.5em 0em;
 }
#cartInstructionsDisplay, .cartTotalsDisplay {
 padding: 0.5em 0em;
      }
.cartUnitDisplay, .cartTotalDisplay {
 text-align: right;
 padding-right: 0.2em;
 }
#scUpdateQuantity {
 width: 2em;
 }
.cartQuantity {
 width: 4.7em;
 }
.cartNewItem {
      font-weight: bold;
 position: relative;  /*do not remove-fixes stupid IEbug*/
 }
.cartOldItem {
 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;
 }
#cartBoxListWrapper ul, #ezPageBoxList ul {
 list-style-type: none;
 }
#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
 margin: 0;
 padding: 0.2em 0em;
 } 
.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: 0em 1em;
 }
/*sideboxes*/
.columnLeft, .columnRight {}
h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading a:visited, h3.leftBoxHeading a:hover, h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading a:visited, h3.rightBoxHeading a:hover {
      margin: 0em;
 font-size: 1em;
 color: #000000;
 white-space: wrap;
 }
.leftBoxHeading, .rightBoxHeading {
 margin: 0em;
 background-color: #C0C0C0;
      background-image: url(../images/newBACK.jpg);  
 /*newBACK2.jpg, newBACK.jpg, box_back.gif*/
 padding: 0em;
    line-height: 25px;
 
 }
.leftBoxContainer, .rightBoxContainer {
 margin-bottom: 1em;
 background-color: #FFFFFF;
 border: 1px solid #000000;
 /*Border for left and right columns*/
 }
.rightBoxContent, .leftBoxContent, .sideBoxContent {
 background-color: #FFFFFF;
 white-space: wrap;
 padding: 0.5em;
      font-size: 1.1em;
 }
.centerBoxHeading {
 margin: 0em;
      border-bottom: 1px solid #000000;
      }
.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #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: #C0C0C0;
}
#upProductsHeading {
 text-align: left;
 }
#upDateHeading {
 text-align: right;
 }
/*misc*/
.back {
 float: left;
 }
.forward {
 float: right;
 }
.bold {
 font-weight: bold;
 }
.rowOdd {
 height: 1.5em;
 vertical-align: top;
 }
.rowEven {
 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
 }
#prevOrders {
      border: 1px solid #000000;
      padding: 0.25em;
      }
TR.tableHeading {
 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;
 }

[Kim]

The URL where the problem is? What browser are you using?