Доброго времени суток!

В jQuery я новичек. Вобщем я сделал баннер который выезжает в правом нижнем углу
вот он для наглядности тыц.

javascript

<script type="text/javascript">
$(document).ready(function() {
   $("#sliding").delay(1000).slideDown(1000); // делаем плавный выезд баннера
   $('#close').click(function(){ // при клике по элементу #close закрываем баннер
   $("#sliding").slideUp(300);
});
});
</script>	

html

<div id="sliding">
<div id = "poloska"><a href="#" id="close" title="закрыть" ><b>[X]</b></a></div>
<div id= "acontent">
контент
</div>
</div>

css

#sliding
{
position: fixed;
bottom: 5;
right: 5; 
width:320px;
height:240px;
display:none;
border: 1px solid #696969;
}

На мое удивление все заработало :) Да еще и во всех браузерах :) Но как всегда есть одно НО!

Если прокрутить страницу в самый низ и нажать крестик на баннере (что бы его закрыть) баннер закроется, но страница при этом прокрутится в самый верх! А я хочу что бы она осталась на том же месте где и была.

Глубокое вникание в проблему выявило что проблема именно в самой ссылке

<a href="#" id="close" title="закрыть" ><b>[X]</b></a>

даже если со страници убрать все и оставить только эту ссылку. При нажатии на нее страница прокручивается верх (во всех браузерах).

Прошу помощи.