/* liScroll styles */ .tickercontainer { /* the outer div with the black border */ border: 1px solid #000; background: black; width: 100%; 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; left: 10px; top: 8px; width: 100%; overflow: hidden; } ul.newsticker { /* that's your list */ position: relative; left: 750px; font: bold 15px 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: 0; background: black; } ul.newsticker a { white-space: nowrap; padding: 0; color: white; font: bold 15px Verdana; margin: 0 50px 0 0; } ul.newsticker span { margin: 0 10px 0 0; }