I am currently utilizing jScrollpane to display a combination of images and a div in a horizontal format. While I have successfully implemented it on Chrome, it appears that Firefox is not applying the CSS correctly to prevent images from wrapping, resulting in a lack of horizontal scrolling.
You can view the implementation here --
Below is the relevant CSS code:
.scroll-pane{
width: 100%;
height: 450px;
overflow: scroll;
white-space:nowrap;
}
.scroll-pane ul{
float:left;
list-style-type:none;
}
.scroll-pane ul li{
float:left;
}
.scroll-pane ul li img{
height:420px;
}
.info{
display: block;
clear: left;
width:300px;
height:420px;
background-color:gray;
overflow:hidden;
white-space:normal;
}
What are your suggestions for improving the functionality of this feature?