#slide { float:left; width:583px; height:274px !important; background:#fff; border:1px solid #e8e8e8; margin-left:45px; padding:0px; } #s3slider { width: 593px; /* important to be same as image width */ height: 264px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ padding:0; margin-left:-15px; margin-top:5px; } #s3slider img { margin:0 !important; padding:0 !important; } #s3sliderContent { width: 595px; /* important to be same as image width or wider */ position: absolute; /* important */ top: 0; /* important */ margin-left: 0; /* important */ } .s3sliderImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ margin:0 0 0 4px !important; padding:0; } .s3sliderImage span { position: absolute; /* important */ left: 0px; top:220px; font-size:16px; /* padding: 10px 13px; */ width: 593px; height:50px; background-color: #000; line-height:42px; filter: alpha(opacity=80); /* here you can set the opacity of box with text */ -moz-opacity: 0.8; /* here you can set the opacity of box with text */ -khtml-opacity: 0.8; /* here you can set the opacity of box with text */ opacity: 0.8; /* here you can set the opacity of box with text */ color: #efefef; display: none; } li.s3sliderImage { list-style:none !important; padding:0; margin:0; } .clear { clear: both; }