title: image and text in div with border
body: <p>Here is the code:</p>
  
  <pre><code>   &lt;div  style="border-style:solid; border-color:aqua; border-width:1px;"&gt;
  
         &lt;img src="some picture" align="left" /&gt; 
         &lt;div&gt;
              &lt;span &gt;SOME TEXT&lt;/span&gt;&lt;/br&gt;
              &lt;span &gt;SOME TEXT&lt;/span&gt;&lt;/br&gt;
              &lt;span &gt;SOME TEXT&lt;/span&gt;
         &lt;/div&gt;  
  
     &lt;/div&gt;
  </code></pre>
  
  <p>The span block takes less (vertical) space then image and so the border and image overlaps and the image is partly out of the div span. Here is <a href="http://jsfiddle.net/aTDYL/3/" rel="nofollow">jsFiddle</a></p>
  
  <p>How to apply border to out div?</p>