Doing Global CSS Edits Right to Avoid CART ALWAYS EMPTY issue

[penneyP]

Version 1.6.1.7 If I am in the wrong forum area sorry not familiar here yet....

 

I made some edits to the global.css file such as changing some solid background colors to images, such as this:

this is on line 5740

header {
  z-index: 1;
  position: relative;
  background: #fff;
  padding-bottom: 15px; }
  header .banner {
    background: url(../img/IMAGENAME.gif) repeat;
    max-height: 100%; }
    
    and this is around line 5745
    
    header .nav {
        background: url(../img/IMAGENAME.gif) repeat;       
        
        I also changed some of the colors, and the changes appeared to have worked in the store visually.
        
        However, when I started testing the shopping cart I had that popular YOUR CART IS EMPTY problem and I finally found
        someone in the forum who discovered it was the CSS edits that caused the problem. I think he had an extra } or ) or something.
        
        Anyway, I restored the original global.CSS file and now the CART EMPTY problem is solved.
        
        My problem now is figuring out what is wrong with the way I'm coding these changes that is causing these glitches.
        I want a very stable store, so until I know what I am doing wrong I am afraid to edit the global css file again.
        I never had this kind of issue when making css edits in Zen cart.
        
        I need to know the way to change backgrounds from colors to images as I tried above, I just don't know what I did wrong.
        Any help appreciated.

[adibranch]

I doubt this was due to your CSS. People often find this problem, try a 'fix', which then apparently works when you test it, but the bug is always still there.