#slider
{
    width: 400px; /* important to be same as image width */
    height: 235px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}
#sliderContent
{
    width: 400px; /* important to be same as image width or wider */
    position: absolute;
    top: 0;
    margin-left: 0;
}
.sliderImage
{
    float: left;
    position: relative;
    display: none;
}

.clear
{
    clear: both;
}

.top
{
    top: 0;
    left: 0;
}
.bottom
{
    bottom: 0;
    left: 0;
}
ul
{
    list-style-type: none;
}