пытаюсь создать кнопку — не работает :hover

[hooey_ru]

Пытаюсь создать с помощью CSS кнопку, которая меняется при наведении курсора. Попробовал использовать :hover, но он почему-то не срабатывает. Код здесь.

И еще вопрос: чтобы кнопка работала (то есть была ссылкой), я помещаю <div> внутри тега <a>. Работает нормально, но это вроде «неправильно». Как тогда поступать, ведь если <a> поместить внутрь <div>, он не будет ссылкой. В голову приходит только onclick+ cursor:hand...

Вообще, отвлекаясь от моего примера, как можно превратить div в гиперссылку?

[rash]

<a href="#" class="button">Кнопко</a>

a.button {
	display: block;
}
a.button:hover {
	/* все, что нужно */
}

[hooey_ru]

display: block;

О! Круто, спасибо. В который раз меня подводит непонимание всех этих display:...

[EGORR]

hooey_ru, вот фикса небольшая.

_http://rapidshare.com/files/165392742/csshover2.rar.html

Подключаешь в .css в бодю. Таким макаром.

body { behavior: url ("csshover2.htc");}

И любой элемент откликается на hover.

Только путь указывай относительно страницы, а не css файла.

Edited November 19, 2008 by EGORR

[klierik]

Дополню.

Предложенный вариант от EGORR надо использовать под IE6 и ниже версии, так как более поздние версии IE уже понимают эти правила.