[Помогите] Как сделать ссылку из образа

У меня есть простой вопрос, который я не могу решить.

У меня есть простой HTML код:

<div id="tps_block">
<div id="tps_point1"><a href="#">Point 1</a></div>
<div id="tps_point2"><a href="#">Point 2</a></div>
<div id="tps_point3"><a href="#">Point 3</a></div>
</div>

Идея состоит в том, что есть 3 изображения бок о бок, и когда при наведении мыши кончено каждого изображения, изображение будет изменяться, обратил внимание на одну, а изображение является интерактивным тоже, так что пользователь попадает в другое место, когда изображение нажата.

Мне удалось применить эффект при наведении, но я не могу получить ссылку на работу.

Может кто-то мне помочь?

 

Вы можете использовать jquery, возможно это упростит Вам задачу. http://api.jquery.com/category/events/mouse-events/

P.S.

Как знать, но кажется уже нет.

 

Мои сообщения были удалены :/

Я не хочу использовать JQuery для этого. Вот пример, который показывает моя проблема: http://jsfiddle.net/yCSnX/

Если навести курсор на изображение разделов, изображение руки, не показывает, то есть ссылка не работает.

 

Госпади. И это то, что нужно было сделать? ) У вас очень непонятный русский )

Нужно просто обернуть div ссылкой, а не наоборот. Вот, рабочий пример: http://jsfiddle.net/yCSnX/1/

 

Спасибо, но я не могу изменить HTML. Я могу только изменить CSS. Так что я могу решить эту проблему путем изменения только CSS?

 

Какой смысл в том, что вы хотите исправить это только в css?

 

Ну HTML зафиксировано в моем сценарии, и у меня только контроль над CSS. Так вот почему я могу только изменить CSS.

 

Это отлично работает. Спасибо!