Li tweet horizontale slider

Voor een WordPress site waar ik mee bezig ben heb ik geprobeerd door midden van 2 scripts een news balk te maken die al scrollend tweets weergeeft.

Het lukt me wel om de tweets uit te twitter te halen, en te laten scrollen, alleen komen er maar 2 tweets naast elkaar, de rest komt onder de balk en wordt niet weergegeven. Ik heb hier een test pagina gemaakt: http://www.goodnightladies.nl/test.php

Ik gebruik de volgende css:

#newsbalk {
	height: 25px;
	width: 920px;
	background-color: #000;
	float: left;
	margin-bottom: 25px;
	margin-top: 20px;
}
#gnltwitter {
	float: left;
	height: auto;
	width: auto;
	margin: 0px;
	padding: 0px;
}
#news {
	float: left;
	height: 22px;
	width: 805px;
	margin-top: 4px;
}
.tickercontainer { /* the outer div with the black border */
	width: 805px;
	height: 21px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	color: #FFF;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	width: 805px;
	overflow: hidden;
	float: left;
	color: #FFF;
}
div.tweets { /* that's your list */
	left: 805px;
	list-style-type: none;
	width: 100%!important;
	color: #FFF;
	position: relative;
	height: 22px;
}
div.tweets li {
	color: #FFF;
	list-style-type: none;
	float: left;
	height: 22px;
	position: relative;
	text-align: left;
	display: inline;
	padding-right: 70px;
	overflow: visible;
}
div.tweets a {
	color: #AA0159;
}

Mijn idee is gebaseerd op en maak gebruik van deze slider http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html

Door mijn foute css maak de slider op mijn test pagina ook geen “rondje” zoals in het origineel, maar stopt de loop op het einde van de slide.

Ben hier al lang mee bezig maar zie het probleem niet meer! Wie kan je helpen.

Bvd