title: Unexpected formatting - CSS using images in a <div>
body: <p>I have a div say</p>
  
  <pre><code>&lt;div id='abc' style='overflow:auto;width:20px'&gt;aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&lt;/div&gt;
  </code></pre>
  
  <p>The scroll here works just fine , and i can see a scroll bar(horizontal)</p>
  
  <p>However , when , i replace the text aaaaa... by an image , so that the same image is repeated a number of times , it actually extends into the next line , and doesn't give me an enabled scroll bar </p>
  
  <p>Why is this happening ?</p>
  
  <p>I'd really appreciate any help with this</p>
  
  <p>Thanks </p>