background-position

[chippolino]

Ребят, подскажите пожалуйста почему этот фрагмент не работает в IE:

<style type="text/css">
#img {
	background:url('http://aext.net/wp-contents/uploads/2009/08/sprites.png');
	width:55px;
	height:54px;
	overflow:hidden;
}
#img:hover {
	background-position:0 -58px;
}
</style>

<div id="img"><!-- этот пример можно скопировать и посмотреть --></div>

... и самое главное, как сделать чтобы заработало??
Спасибо.

[Kolyaj]

В IE :hover работает только на ссылках.

[Aetae]

В ie6 hover работает только на ссылках.
Сделать чтобы заработало - скриптами.

[Shaci]

Вот к примеру, небольшой миникурс по созданию CSS меню,
http://www.zvirec.com/view_post.php?id=72
там есть скриптик для ie6.

[chippolino]

Вот что получилось:

<style>
#img, #img a {
	background:url('http://aext.net/wp-contents/uploads/2009/08/sprites.png');
	width:55px;
	height:54px;
	display:block;
	text-indent:-100em;
}
#img:hover, #img a:hover {
	background-position:0 -58px;
}
</style>
<div id="img"><a href="http://google.com"target="_blank"></a></div>

[B~Vladi]

Сделать чтобы заработало - скриптами.

http://www.cssplay.co.uk/menus/dropdown.html
http://www.cssplay.co.uk/menus/flyoutt.html