.tickercontainer {
    /* the outer div */
    /* background: #7a7a7a; */
    width: auto;

    /* height: 27px; */
    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: 0px;
    padding-right: 0px;
    top: 0px;

    /* height: 18px; */
    /* width: 718px; */
    overflow: hidden;
}

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

ul.newsticker li {
    float: left;

    /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0 0 0 10px;
    padding-right: 0px;

    /* background: #fff; */
}

ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    margin: 0 0px 0 0;
    color: #525252;
}

ul.newsticker span {
    margin: 0 0px 0 0;
}

ul.newsticker li a:after {
    content: ' |';
    color: #525252;
}