Otázka týkající se bloku pro foto trochu jinak...

Jde udělat v CSS blok, který by se přizpůsoboval šířkou šířce fotografie? Tak, aby blok nacházející se vedle fotografie byl stále např. 20px od jejího pravého okraje?
Již jsem se zde na to ptal v tématu Blok (box) pro fotografie s různými šířkami, jak na to? Bohužel dané řešení mi nepomohlo. Díky za rady a náměty!

<div>
<div <- float right, width
<img <- float right, margin right
/
/

Díky ti moc, ale moc tomu nerozumím, to znamená pro každý obrázek nastavovat zvlášť <div> ? To ale nevím zda jde u provázání s javascriptem, to HTML vypadá takto:

<div id="previewPane"><div id="largeImageCaption">Toto je obrázek číslo 1</div>
<img src="images/objekt/1.jpg">
<span id="waitMessage">Nahrávám obrázek</span>
</div>
<div id="arrow_right"><img src="images/arrow_right.gif"></div>
<div id="arrow_left"><img src="images/arrow_left.gif"></div>
<div id="galleryContainer">
<div id="theImages">
<a href="#" onclick="showPreview('images/objekt/1.jpg','1');return false"><img src="images/objekt/1t.jpg"></a>
<a href="#" onclick="showPreview('images/objekt/2.jpg','2');return false"><img src="images/objekt/2t.jpg"></a>
<div class="imageCaption">Toto je obrázek číslo 1</div>
<div class="imageCaption">Toto je obrázek číslo 2</div>
<div id="slideEnd"></div>
</div>
</div>