.tickercontainer {
  width: 100%;
  height: 30px;
  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;
  width: 100%;
  height: 100%;
  overflow: hidden; }

ul.newsticker {
  /* that's your list */
  position: relative;
  left: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0; }

ul.newsticker li {
  float: left;
  color: #f1edbe;
  padding: 5.5px 50px;
  font-size: 0.9em; }