how to get image true css display property

i got a piece of html

<img style="cursor: pointer; width: auto; height: auto; display: inline;" src="http://www.kidsgen.com/fables_and_fairytales/images/rapunzel.gif" alt="rapunzel" title="rapunzel" align="right">

and even if i set display: inline; in its style, when i'm trying to get its css display property like this:

alert($('img:first').css('display'))

or

var el=document.getElementsByTagName('img')[0]
alert(document.defaultView.getComputedStyle(el,null)['display'])

it always gives me value block.

what's wrong?