hover' ile diğer elementi etkilemek

Merhaba,
şimdi diyelim ki benim dizi isimli elementim var, ben altına bir bilgilendirme kutucuguda olusturuyorum bununda adi "bilgi" olsun ama buna display:none; veriyorum, peki ben dizi elementimin hover'ıyla "bilgi"yi display:block; olarak değiştirebilirmiyim? yani dizi elementinin hoverı "bilgi" elementini tetikliyecek.

Javascript işini görür.

<script>
$(document).ready(function(){
	$('#dizi').hover(function(){
		$('#bilgi').show();
	},function(){
		$('#bilgi').hide();
	});
});
</script>

şeklinde yapabilirsin

Hoveri istediğin gibi genişletmeyi istiyorsan

padding: 0 0 0 0 ;

kodlarını kullanabilirsin