#slider {
		width:100%; /* important to be the same as image width  */   
		height: 300px; /* important height of image */
		position: relative; /* important */
		overflow: hidden; /* important */
		text-align:left;
		
}
		
#sliderContent {
		width: 900px; /* same as image or wider*/    
		position:absolute;  
		top: 0;
		margin-left: 0;
		
}


.sliderImage {
		
		position:relative;
		text-align: center;
		display:none;
		padding-left:0px;
		
}

.sliderImage span {
		position: absolute;
		padding: 10px;
		margin-left: 130px;
		width: 300px;  /* This is width and height of caption box */
		height: 300px;
		background-color: #000;
		/* change all values to 0 below to make transparent   otherwise 7.0, 0.7, 0.7, 0.7  */
		filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 150%;
		color: #fff;
		display:inherit;    /*display: none; was causing the problem */
		float: left;
		}

.sliderImage span strong {
		color: #0066ff;
		font-size: 22px;
		line-height: 300%;
		
}


.sliderImage img {
				position: absolute;
				float:right;			

}




}