4 Replies Latest reply on Apr 6, 2010 4:11 PM by Nancy OShea

    CSS -- background color doesn't show with scroll bar

    bnther Level 1

      I have a nav bar with a background-color that shows up fine if the image opens to the right size.  If, however, the window opens small and I have to use the scroll bar to move things over, the color for the nav bar isn't there.

      Any thoughts would be appreciated.

       


      Here's the code:

      HTML:

       

      <body>
          <div id="Global">
         
              <div id="navHeader">
                  <div id="navBar">
                      <ul class="navStyle">
                          <li>Home</li>
                          <li>Chamber Info</li>
                          <li>Event Galleries</li>
                          <li>Contact Us</li>
                          <li>Join</li>
                      </ul>
                  </div>
              </div>
             
          </div>
      </body>

       

      CSS:

       

      @charset "utf-8";
      /* CSS Document */

       

      *{
          padding:0 0;
          margin:0 0;
      }

       

      body{
          background-color:#f1eee3;
      }

       

      #Global{ margin:0 auto;}

       

      #navHeader{
          width:100%;
          height:40px;
          margin:0 auto;
          background-color:#bfbfbf;
      }

       

      #navBar{
          margin: 0 auto;
          width:960px;
          text-align:center;}

       

      .navStyle{
          font-family:"Eras Medium ITC",Arial, Helvetica, sans-serif;
          font-size:18px;
          padding-top:10px;
      }
             
      .navStyle li{
          display:inline;
          padding-left:20px;
          padding-right:20px;
      }