title: how to fit full images perfectly into the slider?
body: <p>Iam new to this CSS.. I have 2 images inside my 1st slider. actual aim thinking to display its full images into that slider, but unfortunately, iam unable to make the images fit into slider perfectly as images width are mroe than the slider width..</p>
  
  <p><strong>here is the css code of that slider:</strong></p>
  
  <pre><code>.ei-slider{
      position: relative;
      width: 100%;
      max-width: 960px;
      height: 338px;
      margin: 0 auto;
      background: #fdfdfd url('../images/bg/elastic-slider-bg.png') repeat-x top left;
  }
  .ei-slider-loading{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index:999;
      background: #161616;
      color: #fff;
      text-align: center;
      line-height: 400px;
  }
  .ei-slider-large{
      height: 100%;
      width: 100%;
      position:relative;
      overflow: hidden;
      list-style:none;
      margin:0;
  }
  .ei-slider-large li{
      position: absolute;
      top: 0px;
      left: 0px;
      overflow: hidden;
      height: 100%;
      width: 100%;
  }
  .ei-slider-large li img{
      width: 100%;
  }
  </code></pre>
  
  <p>Could you please someone tell how to fit full images perfectly into that slider?</p>