.tickercontainer { /* the outer div */
background: #ffffff; 
width: 1100px; 
margin: 0; 
padding: 0;
overflow: hidden;

}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
padding-left: 5px;
padding-right: 5px;
padding-top:0px;
top: 2px;
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;
margin-left: 20px;
font: bold 10px Verdana;
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: 10px;
/*background: #fff;*/
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 5px 0 0;
} 

#webticker li{ list-style:none; }
#webticker li a{text-decoration:none; color:#0036ff; font-size:14px; font-weight:normal; padding:2px 0px 0px 0px;}
#webticker li a:hover{color:#F00;}

#scrol{margin:0px 0px 0px 0px; border:0px solid #cbcbcb; background:#fff; overflow:hidden;   height:74px;}