[jQuery] Positioning inside div

[Petar]

I'm trying to create and place several <img> elements inside an empty
<div>. Images should have specific coordinates inside a div and should
be overlapping. I tried this:

$('<img src="pic1.gif" alt="" />').appendTo("#myDiv").css( { position:
'relative', left: '10px', top: '10px' } );
$('<img src="pic2.gif" alt="" />').appendTo("#myDiv").css( { position:
'relative', left: '30px', top: '30px' } );
$('<img src="pic3.gif" alt="" />').appendTo("#myDiv").css( { position:
'relative', left: '50px', top: '50px' } );

but images are detached horizontally, although they should overlap.
Vertical positions are OK.
Is there a "right way" to accomplish this?

Petar