Сайт подымается вверх - Вопросы по CSS

Привет всем, такая беда, решил сделать картинки чтоб открывались во всплывающем окне, использовал CSS метод описанный тут http://www.rudebox.org.ua/gallery-with-increasing-image-on-css/

все получилось но возникла такая проблема, когда нажимаешь на картинку она всплывает, и когда нажимаеш на крестик чтоб её закрыть, то сайт автоматом подымается вверх, видать из-за решетки в коде

 <span class="close"><a href="#">X</a></span>
 <img src="images/nasha_kompaniya/proizvodstvo/zavod_coolmart_v_ujnoy_koree_3.jpg" alt="earth!">
 <a class="expand" href="#image-2"></a>

знает кто нибуть как можно нейтрализовать этот эффект, чтобы картинка просто закрывалась и сайт не улетал на верх ?

Ну это скорее про js чем про CSS. Ищите в скрипте место, где вызывается попандер, и дописывайте сразу после вызова return false

так ведь это на CSS сделано, а не на jQuery, где искать то попандер ?

А, точ, я недосмотрел. Ну без вмешательства js никак. Прям ссылке тогда пропишите атрибут onclick="return false"

а onclick где прописывается ?

Я сделал так  <span class="close"><a href="#" onclick="return false">X</a></span> но теперь картинка и вовсе не закрывается, нажимаю на крестик и ничего не происходит

В общем, убирайте return false, оставляйте как было. Меняйте:

<div class="holder">
   <div id="image-1" class="image-lightbox">
      <span class="close"><a href="#">X</a></span>
      <img src="1.jpg" alt="earth!">
      <a class="expand" href="#image-1"></a>
   </div>
</div>

на

<div class="holder">
   <div id="image-1" class="image-lightbox">
      <span id="image-1x" class="close"><a href="#image-1x">X</a></span>
      <img src="1.jpg" alt="earth!">
      <a class="expand" href="#image-1"></a>
   </div>
</div>

И все элементы по-аналогии. Жирным выделил то, что надо добавить везде. Теперь закрытие окна ссылается не в-никуда, а на дочерний элемент блока, т.е. ничего не скачет.

Спасибо, получилось