/* table cell containing scroller, good idea to set its width and height  */
td#scroller1 { width:150px; height:75px }

/* holder div contains scroller. set height and width */
#holder1 { position:relative; width:150px; height:230px; z-index:100 }

div#wn1 { 
  position:absolute; 
  width:150px; height:230px; z-index:1;
  clip:rect(0, 150px, 75px, 0); overflow:hidden;
  }
div#cnt1 { position:absolute; z-index:1 }
/* Set width and height of item same as width and height of scroller (wn1) */
div.item {
  width:150px; 
  height:230px; 
  font-size:16px; 
  color:#FFFF00; 
  }

/* Styles for demo, not necessary for scroller */  
body { overflow:hidden; }
body, td  { font: 14px verdana, arial, helvetica, sans-serif }
table#main { width:90% }
table#main th	{ font-size:1.3em; text-align:left; }	
table#main td { vertical-align:top }
table#main td p { margin: 0 0 .6em 0 }
td a:link, td a:visited { color:#339 }