Question

I am trying to create a scrollable horizontal list using iscroll. The list seems to work pretty fine. The problem i am facing is that, there is some space between each li items. I tried everything i know. But i just cant remove the space between those li items.
Please check the demo below
Demo

Answer 1

Remove display: inline-block; and use float:left;

#scroller li {
    background: #f7f7f7; /* Old browsers */
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0.1, #D8D3D3), color-stop(0.5, #FBFBFB) ); 
    float:left;
    width: 120px;
    height: 100%;
    border:none;
    margin:0px;
}

http://jsbin.com/uzucev/6/edit

Hope this will help