#BackToTop { float: left; display:none; z-index: 999; color: #0000FF; margin: 0 3px; padding: 3px; text-decoration: none; border: 1px solid #cccccc; font: bold 14px Arial, Helvetica; position:fixed; top:70%; right:0%; Opacity: 0.4; width: 30px; height: 30px; background-image:url("up_arrow.png")!important; background-color:silver !important; /*********************/ /** CSS3 properties **/ /*********************/ /** Background gradient **/ background-color: #ccccc; background-image: -moz-linear-gradient(#ccccc, #ccccc); background-image: -webkit-gradient(linear, left top, left bottom, from(#ccccc), to(#ccccc)); background-image: -webkit-linear-gradient(#ccccc, #ccccc); background-image: -o-linear-gradient(#ccccc, #ccccc); background-image: -ms-linear-gradient(#ccccc, #ccccc); background-image: linear-gradient(#ccccc, #ccccc); /** box Radius **/ -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; /** Text Shadow **/ text-shadow: 0 -1px 0 rgba(0,0,0,.8); } #BackToTop:hover { filter : alpha(opacity=90); -khtml-opacity : 0.9; -moz-opacity : 0.9; opacity : 0.9; } #BackToTop span { border: 0px solid#cccccc; display: block; padding: 0px 0px; z-index: 999; cursor: pointer; background-color: transparent !important; /*********************/ /** CSS3 properties **/ /*********************/ /** Background gradient **/ background-color: #ccccc; background-image: -moz-linear-gradient(#fffff, #ccccc); background-image: -webkit-gradient(linear, left top, left bottom, from(#fffff), to(#ccccc)); background-image: -webkit-linear-gradient(#fffff, #ccccc); background-image: -o-linear-gradient(#fffff, #ccccc); background-image: -ms-linear-gradient(#fffff, #ccccc); background-image: linear-gradient(#fffff, #ccccc); }