canvas { position: absolute; } div { position: absolute; } pre { position: absolute; margin: 0px; } img { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } .toolbar { height: 50px; bottom: 0px; z-index: 50; overflow: hidden; } .play { background-repeat: no-repeat; background-position: -1px 0px; top: 0px; right: 50px; width: 48px; height: 50px; cursor: pointer; } .prev { background-repeat: no-repeat; background-position: -277px 0px; top: 0px; right: 110%; width: 40px; height: 48px; cursor: pointer; } .prev2 { background-repeat: no-repeat; background-position: -277px 0px; top: 0px; right: 120px; width: 40px; height: 48px; cursor: pointer; } .next { background-repeat: no-repeat; background-position: -197px 0px; top: 0px; left: 110%; width: 40px; height: 48px; cursor: pointer; } .next2 { background-repeat: no-repeat; background-position: -197px 0px; top: 0px; left: 120px; width: 40px; height: 48px; cursor: pointer; } #status { bottom: 13px; right: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-family: Arial; color: #666666; background-color: #ecebeb; border: 1px solid #cccccc; line-height: 20px; } input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #current { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-left: 1px; padding: 0; border-width: 0px; background-color: #FFFFFF; border-top: 1px solid #e9e7e7; font-family: Arial; color: #666666; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .prev:hover, .prev:active { background-position: -317px 0px; } .next:hover, .next:active { background-position: -237px 0px; } .progress { padding: 0px; height: 11px; width: 250px; bottom: 18px; left: 10px; background-color: #ecebeb; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .progressbar { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8AC6EE', EndColorStr='#449CD7')"; /* IE8 */ background-image: -ms-linear-gradient(top, #8AC6EE 0%, #449CD7 100%); background-image: -o-linear-gradient(top, #8AC6EE 0%, #449CD7 100%); background-image: -moz-linear-gradient(top, #8AC6EE 0%, #449CD7 100%); background-image: -webkit-linear-gradient(top, #8AC6EE 0%, #449CD7 100%); height: 11px; width: 0px; } .progress-timer { left:11px; top: 5px; font-size: 12px; color: #999999; font-family: Arial; }