title: Resizing window doesn't allow my navbar to extend with horizontal scroll - css
body: <p>I have created a navigation bar and styled it with css so that it will extend across the screen. Everything is fine until I resize the window, and then when I scroll horizontally to the right on pages where the content exceeds window size, the navigation bar has not extended fully. </p>
  
  <p>I want the navigation bar to extend as I scroll to the right, not leave a blank space as it is now. Can I accomplish this with CSS? </p>
  
  <p>Here is the CSS code I am using now:</p>
  
  <pre><code>        .navigation{
          min-width: 100%;
          height: 40px;
          background-image: url(../images/images/banner.png);
          padding-left:10px;
          }
  
          .navigation li{
          display: inline-block;
          padding-left: 25px; 
          padding-top: 10px;
          }
  
          li.logout{
          float:right;
          padding-right: 25px;
          }
  </code></pre>