[jQuery] fadeOut() and relatively positioned images?

[jQuery] fadeOut() and relatively positioned images?


Trying to fade out a div, but the fade effect is not being applied
(div just disappears):
<div id="content">
<div id="flags" style="position:relative">
<img src="flagUS.gif" style="width:55px; height:51px;
position:relative; top:160px; left:-150px; z-index:10" />
<img src="flagUK.gif" style="width:58px; height:51px;
position:relative; top:160px; left:-130px; z-index:20" />
</div>
</div>
$('#flags').fadeOut('slow');
Any ideas?
Adam