title: positioning in having multiple background images in css
body: <p>I had an image which I had used as background in my css. I now want to have two images, one after the other. Think, earlier my website had one sponsor, now there are two sponsors, and so, two logos.</p>
  
  <p>I was able to add two background images by googling around a bit, but the position of the second image is right on top of the first. When I give pixel values, it goes off as well.</p>
  
  <p>This is my code so far</p>
  
  <pre><code>.app-header-logo {
      background-image: url("../images/image1.png"),url("../images/image2.png");
      background-position: center center, 200px center;
      background-repeat: no-repeat;
      float: left;
      height: 50px;
      vertical-align: middle;
      width: 265px;
  }
  
  .app-header-logo a {
      float:left;
      width:190px;
      height:50px;
      text-indent:-999px;
  }
  </code></pre>
  
  <p>How can I have image2 right after image1?</p>