#backtotop {
  background: url(../backtotop.png) no-repeat center center;
  bottom: 20px;
  cursor: pointer;
  display: none;
  height: 50px;
  position: fixed;
  right: 20px;
  text-indent: -9999px;
  width: 50px;
  z-index: 1;
}

#backtotop:hover {
  opacity: 0.8;
}

<!--[if lte IE 6]> html {
  overflow-x: auto;
  overflow-y: hidden;
}

* html #backtotop {
  position: absolute;
}

<![endif]--> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #backtotop {
    background: url(../backtotop2x.png) no-repeat center center;
    background-size: 70px 70px;
  }
}