title: How to set these 2 banners?
body: <p>I'm currently building a site for a club and I need help fixing the banner. There are 2 banners, 1st banner will be repeated a few times and the 2nd banner will be shown last. For example:</p>
  
  <pre><code>[ banner 1 ][ banner 1 ][ banner 1 ][ banner 1 ][ banner 2 ]
  </code></pre>
  
  <p>Banner 1 is basically some decorative that will repeat and banner 2 is the logo.</p>
  
  <p>The problem is I can't get banner #1 to stop repeating so banner #2 can show up. So far,  this is the CSS I'm using:</p>
  
  <pre><code>#banner
  {   
      background-image    : url(images/banner1.jpg), url(images/banner2.jpg);
      background-repeat   : repeat-x, no-repeat;
      min-height      : 175px;
  }
  </code></pre>
  
  <p>Is there a way to make to do it the way I imagined? I have been to this site: <a href="http://www.css3.info/preview/multiple-backgrounds/" rel="nofollow">http://www.css3.info/preview/multiple-backgrounds/</a> and I'm wondering if I can't repeat it, maybe I can put 1 banner on top the other. I tried using background-position, but the solution didn't work.</p>