#carousel {
	width:935px;
	height:498px;
	overflow:hidden;
	position:relative;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#slides {
	overflow:hidden; /* fix ie overflow issue */
	position:relative;
	width:935px;
	height:498px;
}
/* remove the list styles, width : item width * total items */	
#slides ul { position:relative; left:0; top:0; list-style:none; margin:0; padding:0; width:458px; }
/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:935px;
	height:498px;
	float:left;
	display: block;
	position: absolute;
	left: -28px;
	top: -29px;
}
#slides li img { }