大画像の上の右上に小画像を表示する方法

質問

いつもお世話になります。
大きな画像の右上に小さな画像を表示するにはどうしたらよいでしょうか。
大きな画像はサイズが変わります。その大きな画像の大きさを指定しないで右上表示ができないものかと苦慮しています。大きな画像は、width:autoで表示させています。
小画像のスタイル
<div>
<img src="sss.jpg "style="position:absolute; left:600px; top:5px;width:20px;">
<img src="LLLL.jpg" style="width:auto">
</div>
と、いう形で行っています。
小画像のleft:600px;の所に大画像の幅を取得できればと試したのですが、その方法もわかりませんでした。

以下の図のような位置に小画像を表示したく思います。
+----------------------+--+
|大大大大大大大大大大大|小|
|大大大大大大大大大大大+--+　　　　　　　　　　　　
|大大大大大大大大大大大大大|
|大大大大大大大大大大大大大|
|大大大大大大大大大大大大大|
+--------------------------+
よろしくお願いいたします。

回答No.1

ANASTASIAK

position:relativeにすればできます。

補足

ANASTASIAKさん、早速レスありがとうございます。
position:absoluteをposition:relativeに変えていろいろと試してみましたが、
だめです。
float:left;なども指定してみましたがだめです。
もう少し詳しく教えていただけないでしょうか。