.sliderWrapper {
    width: 520px; /* important to be same as image width */
    height: 264px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    margin-bottom:20px
}

.sliderContent {
    width: 520px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
}

.sliderWrapper ul {
    margin:0;
    padding:0;
    list-style: none;
}

.sliderWrapper li {
    margin-left:0;
}

.sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
}

.sliderImage span {
    position: absolute; /* important */
	left:0;
    font: 1em Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 520px;
    background-color: #000;
    filter: alpha(opacity=100); /* here you can set the opacity of box with text */
    -moz-opacity:1; /* here you can set the opacity of box with text */
    -khtml-opacity: 1; /* here you can set the opacity of box with text */
    opacity: 1; /* here you can set the opacity of box with text */
    color: #fff;
    display: none; /* important */
    bottom: 0;

    /*
    if you put
    top: 0; -> the box with text will be shown at the top of the image
    if you put
    bottom: 0; -> the box with text will be shown at the bottom of the image
    */
}


.clear {
    clear: both;
} 

.right {
    bottom:0;
    height:264px;
    right:0;
    width:300px !important;
}