.focus() &.blur() issue

.focus() &.blur() issue

Hi, i want to display a div upon focusing on a drop-down and blur upon leaving the drop-down...
my code works but focus/blur doesn't get executed perfectly.
http://jsfiddle.net/timur/kRCKu/

Is there a better way to do it?


I noticed that when executing this inline code, my results are much more consistent:
     
onfocus="document.getElementById('hide').style.display='block';" onblur="document.getElementById('hide').style.display='none';"