.step_text{
position: relative; /*leave this value alone*/
border: 0px solid gray;
overflow: scroll; /*leave this value alone*/
width:  198px;
height: 150px; /*Height should enough to fit largest content's height*/
}

.step_text .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.step_text .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width:  198px;
height: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.step_text .stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
CLEAR: left;
position:absolute;
top:5;
left:5px;
z-index:1;
}
.step_text .stripTransmitter ul { /* the auto-generated set of links */
position: relative;
float:left;
list-style-type: none;
}
.step_text .stripTransmitter li{ /* in this list too, each LI is arranged horizontally */
list-style-type: none;
width: 15px;
float:left;
margin:1;
}
.step_text .stripTransmitter a{ /* the links. */
font-size:11px;
border:1px solid #405CC1;
text-align: center;
padding:1px 0 0 0;
background: #fff;
color: #ff0000;
text-decoration: none;
display: block;
}
.step_text .stripTransmitter a:hover { /* hover */
background: #ffffff;
color: #ff0000;
}
.step_text .stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
background: #ff0000;
color: #fff;
}