title: Image won't stay inside div border
body: <p><strong>Website:</strong> <a href="http://isfnpub.com" rel="noreferrer">isfnpub.com</a></p>
  
  <p>Right now I'm using extra padding to get the image to fit, but as you see, the div thing is completely ignoring the image.</p>
  
  <p>I'm working inside Wordpress.</p>
  
  <p>Code used: </p>
  
  <pre><code>&lt;div style="border: 5px solid #FFC85D; padding: 10px; margin:30px;"&gt;
  
  &lt;p&gt;&lt;strong&gt;UPCOMING RELEASE: ISFN ANTHOLOGY #1&lt;/strong&gt;&lt;/p&gt;
  
  &lt;p&gt;[caption id="attachment_801" align="alignright" 
  width="189" 
  caption="Click image for full cover spread."]
  &lt;a href="http://ISFNpub.com/wp-content/uploads/2010/07/cover-small-full.jpg" 
  target="_blank"&gt;
  &lt;img src="http://ISFNpub.com/wp-content/uploads/2010/07/cover-small-189x300.jpg" 
  alt="" 
  title="Anthology 1 front" 
  width="189" height="300" 
  class="size-medium wp-image-801" /&gt;&lt;/a&gt;
  [/caption]
  &lt;strong&gt;Authors: &lt;/strong&gt; blah blah blah.&lt;/p&gt;
  
  &lt;p&gt;&lt;strong&gt;Cover Art By:&lt;/strong&gt; Xenia Latii&lt;/p&gt;
  
  &lt;p&gt;blah blah blah&lt;/p&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I want the div border to naturally wrap around all of the content, including the image.  Without the extra padding the image overlaps the border and everything looks uglo. </p>
  
  <p>Thanks.</p>
  
  <p><strong>EDIT:</strong> I used <code>&lt;div style="overflow:auto; ..."&gt;</code> and it seems to work. Is this an appropriate solution, or will I run into trouble later on?</p>