YourWBB

<div style="position:relative; width:200px; height:140px; overflow:hidden;">
        <div id="container_$posts[postid]" style="position:relative; width:195px; left:0px; top:0px; padding:2px 2px 2px 2px; text-align: justify;"><smallfont>$userfields
</font></div>

    </div>

    <div align="center"><a href="" onMouseover="move('container_$posts[postid]',5)" onMouseout="clearTimeout(move.to)"><img src="{imagefolder}/up.png" border=0></a> <a href="" onMouseover="move('container_$posts[postid]',-5)" onMouseout="clearTimeout(move.to)"><img src="{imagefolder}/down.png" border=0></a></div><br>

<STYLE TYPE="TEXT/CSS">
 <!--
  {css}
 -->
</STYLE>
<link rel="stylesheet" type="text/css" href="scrollable.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script src="impetus.js"></script>

<script type="text/javascript" src="scrollable.js">

/***********************************************
* Scrollable Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Please keep this notice intact
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>


<script>

var scrollv, scrollh // register two global vars for two scrollable instances

jQuery(function(e){ // on DOM load

	scrollv = new scrollable({
		wrapperid: "container_$posts[postid]"
	})

	scrollh = new scrollable({
		wrapperid: "scrollable-h",
		orient: 'horizontal'
	})

})

</script>