-webkit-transform: translate(417px, 0px)

[grandie22]

I have a problem with the web kit translate property...when i reduce the browser window an iphone screen appears....in the iphone screen i have implemented a slider functionality.....u can see two arrows left and right arrow...when u click the right arrow it moves to the next slider.....but in the right slider the images not show up.....it is due to the web kit property...i dont know how to fix it....i am providing two li tags how to fix it....http://jsfiddle.net/UL3R2/\[code\] <li style="display: table-cell; width: 417px; vertical-align: top; left: 0px; -webkit-transition: 0ms; -webkit-transform: translate(0px, 0px) translateZ(0px);" data-index="0"><li style="display: table-cell; width: 417px; vertical-align: top; border: 1px solid red; left: -417px; -webkit-transition: 0ms; -webkit-transform: translate(417px, 0px) translateZ(0px);" data-index="1">\[/code\]