title: jQuery/CSS: Div inherit width of dynamically resizable image
body: <p>I have an image that is dynamically resizable.</p>
  
  <p>The image is part of a gallery, so on the top/right corner, I have thumbnails to view images in that gallery.</p>
  
  <p>Both the thumbs and image are contained within a div with class <code>.slider</code>.</p>
  
  <p>The <code>.slider</code> div always stretches to width of browser, and the thumbs are positioned relative to the <code>.slider</code>.</p>
  
  <p>If I can get the <code>.slider</code> div to always reflect the width of the image, it would be perfect, because then the thumbs would always flush right with the image (instead of the browser window, as it does now).</p>
  
  <p>Remember the image is dynamically resizable vertically and horizontally, so I had to strip the image width and height.</p>
  
  <p>Here is link of actual sample: <a href="http://peteryang.com/v02/image/tylenol/" rel="nofollow">http://peteryang.com/v02/image/tylenol/</a></p>