#slides { position: relative; } #slides .slides-container { display: none; } #slides .scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; } #slides .scrollable:after { content: ""; display: table; clear: both; } .slides-navigation { margin: -30px auto 0; position: absolute; z-index: 3; top: 46%; width: 100%; height: 50px; } .slides-navigation a { position: absolute; display: block; } .slides-navigation a.prev { left: 0; /*display: none;*/ } .slides-navigation a.next { right: 0; /*display: none;*/ } .slides-pagination { position: absolute; z-index: 3; bottom: 20px; text-align: center; text-align: left; width: 100%; } .slides-pagination a { border: 2px solid #333; border-radius: 15px; width: 12px; height: 12px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII="); margin: 10px; overflow: hidden; text-indent: -100%; } .slides-pagination a.current { background: #333; }