z-index:9999; /*показываем поверх всех элементов на странице*/
right:3px; /*указываем положение, если слева - left*/
bottom:35px; /*положение от низа окна браузера*/
}
#pun {
margin: 20px 40px;
position: relative;
}
</style>
<div id=wrp-butt>
<button class="go-up" id="ToTop" onmousedown="$('html,body').animate({scrollTop:0},{ 'duration': 1000, 'easing':'linear' });$(this).css({'margin':'1px -1px -1px 1px'});" onmouseup="$('html,body').stop(true);$(this).css({'margin':'0'})">
<img src="http://land-rover-forum.ru/files/0015/34/15/70551.png" alt="вверх" style="vertical-align: middle" width=100%>
</button>
<button class="go-down" id="OnBottom" onmousedown="$('html,body').animate({scrollTop:$(document).height()},{ 'duration': 1000, 'easing':'linear' });$(this).css({'margin':'1px -1px -1px 1px'});" onmouseup="$('html,body').stop(true);$(this).css({'margin':'0'})">
<img src="http://land-rover-forum.ru/files/0015/34/15/67321.png" alt="вниз" style="vertical-align: middle" width=100%>
</button></div></div>
</div>

</div>
</div>
</div>

<style type="text/css"></style>
<script type="text/javascript">
$('textarea.limit3000').bind('keydown keypress keyup', function(e) {
if($(this).val().length>3000) {
    $(this).val($(this).val().substr(0,3000));
    alert('Максимальное количество символов для этого поля - 3000.');
}
});
</script>

</body>
</html>