css - jQuery infinite carousel leaves an empty space when scrolling to the left -
i'm using jquery responsive carousel display images , text. carousel works when clicking on forward (right) button (the hidden slide appears smoothly until gets place), has weird behavior when clicking on backward (left) button, because blank space (as wide slide) appears , after animation completed slide appears suddenly. this html code: <div id='carousel_container'> <div id='left_scroll'><img src='navleft.png' /></div> <div id='carousel_inner'> <ul id="carousel_ul"> <li> ....content...</li> <li> ....content...</li> ......... </ul> </div> <div id='right_scroll'><img src='navright.png' /></div> </div> this css: #carousel_container{ display:table; margin-left:auto; margin-right:auto; } #carousel_inner { float:left; wi