floated_image_container_thingy.html

<!--
  The effect I'm trying to achieve is to have a floated DIV which contains an image and a caption.
  I can't guarantee the size of the image. It might be 200px, 400px or anything in-between.
  I wan't the floated DIV to stay the width of the image, and then the caption underneath to wrap
  onto multiple lines if it is wider than the image - rather than stretch the width of the DIV.
-->

<style>
  /* Here's a simplified version of my CSS */
  div {background: #cecece; float:left;}
  div image {border: 1px solid #000;}
  div p { /* ??? */ }
</style>

<div>
  <img src="whatever" />      <!-- I can't guarantee what width this image will be -->
  <p>A caption which may well be wider than the image above.</p>
</div>