JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<div id="wrapper">
    <div id="slider">
        <img src="http://i53.tinypic.com/o91ueh.jpg" width="590" height="150" />
        <img src="http://i52.tinypic.com/315ilud.jpg" width="590" height="150" />
        <img src="http://i54.tinypic.com/2hoba6e.jpg" width="590" height="150" />
    </div>
    <div id="slider-frame">
        <img src="http://img571.imageshack.us/img571/7717/sliderframe.png" width="650" height="207" />
    </div>
</div>

CSS

#wrapper
{
    width: 700px;
}
#slider
{
    padding: 0px 0px;
    position: relative;
    width: 590px;
    height: 150px;
    margin: 0px auto;
    margin-bottom: 20px;
}
#slider-frame
{
    width: 650px;
    height: 207px;
    margin: 0px auto;
    margin-top: -180px;
    z-index: 100;
    position: relative;
}
#slider-frame img
{
    z-index: 120;
}

JavaScript

$('#slider').cycle({
    fx: 'fade',
    speed: 3000
});