Пространство между элементами li

Question

Я пытаюсь создать прокручиваемый горизонтальный список с помощью iscroll. Список, кажется, работает довольно хорошо. Проблема, с которой я сталкиваюсь, заключается в том, что между элементами li есть некоторое пространство. Я перепробовал все, что знаю. Но я просто не могу удалить пространство между этими элементами. Пожалуйста, проверьте демо ниже Демо

Answer 1

Удалить display: inline-block; и использовать 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

Надеюсь, это поможет

Answer 2

Добавьте свойство display:table-cell к вашему css

#scroller li {
background: none repeat scroll 0 0 #F7F7F7;
border: medium none;
display: table-cell;
height: 100%;
margin: 0;
width: 120px;

}

Я надеюсь, что это будет работать для вас.