#container #content #tickerdiv ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#container #content #tickerdiv { /* the outer div with the black border */
width: 570px; 
height: 40px; 
margin: 0; 
padding: 0;
overflow: hidden; 
margin-bottom: 20px;
margin-left: 5px;
}
#container #content #tickerdiv .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 8px;
width: 570px;
overflow: hidden;
}
#container #content #tickerdiv ul.newsticker { /* that's your list */
	position: relative;
	left: 570px;
	list-style-type: square;
	margin: 0;
	padding: 0;
}
#container #content #tickerdiv ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
height: 40px; 
white-space: nowrap;
margin-right: 50px;
padding-left: 30px;
}
#container #content #tickerdiv ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0;
text-decoration: none;
font-weight: bold;
} 
#container #content #tickerdiv ul.newsticker a:hover, ul.newsticker a:focus {
	text-decoration: underline;
}
#container #content #tickerdiv ul.newsticker span {
margin: 0;
color: #8a8a8a;
float: left;
white-space: nowrap;
}