<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:640px;
height:263px;
background:transparent url(http://s1.uploads.ru/i/WuLBR.png) no-repeat 0 0;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:263px;
}
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(http://s1.uploads.ru/i/Orcnw.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(http://s1.uploads.ru/i/rJbaQ.png) no-repeat 0 0;
}
.slide h2, .slide p {
  margin:15px;
}
</style>
<div id="slideshow" style="color:#000000;">
    <div id="slidesContainer">
      <div class="slide">
ьолпрсаопсаопсрпсррррппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппорампормопапрппппппппппппппппппппппппппппппп
      </div>
<div class="slide">

      </div>
<div class="slide" style="background-image: url(http://s1.uploads.ru/i/WuLBR.png);">

      </div>
<div class="slide">
Четвертый
      </div>
<div class="slide" style="background-image: url(http://s1.uploads.ru/i/WuLBR.png);">
Пятый
      </div>
</div></div><!--End// Cлайдер-->