jQuery - что не так?

Написал следующий код:

$(document).ready(function()

{

	$('#ar1').hover(

	

	function()

	{

		$("#menu_slider").css({

		display: 'block',

		marginLeft: '51%',

		marginTop: '-48.7%'});

	},

	

	function()

	{

		$('#menu_slider').css('display', 'none');

	});

});

$('#ar1') - это идентификатор одного из тегов <area>. Я ожидаю от этого кода следующее: мышка НАД этим элементом - появляется рисунок из menu_slider. Мышка НЕ НАД элементом - рисунок пропадает. Типа панелька, которая перемещается при перемещении мышки над меню.

Вместо этого происходит следующее: я навожу мышку НАД элементом - рисунок появляется, но начинает беспорядочно и очень часто мигать. Причём, проверено - если я уберу вот эту строчку:

$('#menu_slider').css('display', 'none');

то проблема пропадает, но рисунок, естественно, тоже не убирается...

mark2011 добавил 08.02.2011 в 10:08

Всем жаждущим помочь - огромное спасибо :))) проблему решил использованием visibility, хотя не до конца понял, почему нельзя в данном случае использовать display. Ну да это и не важно )))