I will paste my ja-slideshow.css below, because I made changes. Please backup your site and your original jaslideshow2.css before you do this just in case!
.ja-slidewrap {
margin: 0;
padding: 0;
position: relative;
}
.ja-slide-main-wrap {
position: relative;
overflow: hidden;
}
.ja-slide-main {
position: absolute;
z-index: 1;
}
.ja-slide-item {
display: block;
float: left;
position: relative;
overflow: hidden;
margin: 0;
}
.ja-slide-item img {
background: none;
}
.ja-slide-thumbs-wrap {
position: relative;
clear: both;
overflow: hidden;
}
.ja-slide-thumbs, .ja-slide-thumbs-mask, .ja-slide-thumbs-handles {
position: absolute;
top: 0;
margin: 0;
padding: 0;
width: 5000px;
}
.ja-slide-descs {
display: none;
}
.ja-slide-thumb, .ja-slide-thumbs-handles span {
display: block;
margin: 0;
float: left;
cursor: pointer;
}
.ja-slide-thumbs-handles span {
}
.ja-slide-thumbs-mask-left,
.ja-slide-thumbs-mask-right,
.ja-slide-thumbs-mask-center {
float: left;
}
.ja-slide-thumbs-mask-left, .ja-slide-thumbs-mask-right{
background: #FFFFFF;
}
.but_prev, .but_next {
position: absolute;
top: 0;
z-index: 99;
}
.but_prev {
left: 0;
}
.but_prev:hover, .but_next:hover {
cursor: pointer;
}
.but_next {
right: 0;
}
.maskDesc {
background: url(../images/sl-shadow.png) no-repeat left top;
position: absolute;
z-index: 100;
cursor: pointer;
}
.maskDesc .ja-slide-desc {
padding: 5px;
margin-left: 700px;
margin-top: 310px;
color: #C0CFDB;
font-size: 150%;
}
.maskDesc .ja-slide-desc br {
display: none;
}
.maskDesc .ja-slide-desc h3 {
margin: 0;
padding: 0;
}
.maskDesc a.readon {
bottom: 10px;
color: #810C46;
display: block;
font-weight: bold;
font-size: 100%;
position: absolute;
padding: 3px 10px 3px 0;
right: 20px;
}
.maskDesc a.readon:hover, .maskDesc a.readon:active, .maskDesc a.readon:focus {
color: #FFFFFF;
}
.ja-slide-buttons {
z-index: 900;
}
.ja-slide-buttons span {
color: #FFFFFF;
display: block;
float: left;
margin-right: 5px;
padding: 2px 5px;
cursor: pointer;
}
Hope it helps!
Cheryl
