.tickercontainer { /* the outer div */
	overflow: hidden;
	width: 100%;
	color: #FFFFFF;
	margin: auto;
	box-shadow: 6px 0 10px -4px #FFFFFF , -6px 0 10px -4px #FFFFFF;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	height: 15px;
	overflow: hidden;
}

ul.newsticker { /* that's your list */

	/*Transitions have been added in order set css3 transitions; and have linear easing. Changing these lines you might have unexpected results */

	-webkit-transition: all 0s linear;

	-moz-transition: all 0s linear;

	-o-transition: all 0s linear;

	transition: all 0s linear;

	position: relative;

	font: bold 12px Tahoma;

	list-style-type: none;

	margin: 0;

	padding: 0;

}



ul.newsticker li {

	float: left; /* important: display inline gives incorrect results when you check for elem's width */

	margin: 0;

	padding-right: 15px;

	/*background: #fff;*/

}



ul.newsticker a {

	white-space: nowrap;

	padding: 0;

	color: #ffff00;

	font: bold 12px Tahoma;

	margin: 0 0 0 0;

}



ul.newsticker span {

	margin: 0 10px 0 0;

}