Slider CSS

#slider1 {
    display: block;
    height: 250px;
    width:760px;
    z-index: 1;
    background: url('images/slide2.gif') 0 0 no-repeat #ffffff;
    position: absolute;
    top: 0px;
    left: -760px;
}
#slider2 {
    display: block;
    height: 250px;
    width: 760px;
    z-index: 1;
    background: url('images/slide3.gif') 0 0 no-repeat #ffffff;
    position: absolute;
    top: 0px;
    left: -760px;
}
#slider3 {
    display: block;
    height: 250px;
    width: 760px;
    z-index: 1;
    background: url('images/slide4.gif') 0 0 no-repeat #ffffff;
    position: absolute;
    top: 0px;
    left: -760px;
}
#slider4 {
    display: block;
    height: 250px;
    width: 760px;
    z-index: 1;
    background: url('images/slide5.gif') 0 0 no-repeat #ffffff;
    position: absolute;
    top: 0px;
    left: -760px;
}
#slider5 {
    display: block;
    height: 250px;
    width: 760px;
    z-index: 1;
    background: url('images/slide7.gif') 0 0 no-repeat #ffffff;
    position: absolute;
    top: 0px;
    left: -760px;
}
#slider6 {
    display: block;
    height: 250px;
    width: 760px;
    z-index: 1;
    background: url('images/slide8.gif') 0 0 no-repeat #ffffff;
    position: absolute;
    top: 0px;
    left: -760px;
}
#slider7 {
    display: block;
    height: 250px;
    width: 760px;
    z-index: 1;
    background: url('images/slide1.gif') 0 0 no-repeat #ffffff;
    position: absolute;
    top: 0px;
    left: -760px;
}