title: Background Image won't show up in CSS unless I load an image using the <img> tag in HTML
body: <p>I'm extremely confused why my code won't display the image properly. Here's my code:</p>
  
  <pre><code>&lt;style type = "text/css"&gt;
  
  #pic {
  
  background:url('http://www.tishbi.eu/img/shopping_cart.png') no-repeat;
  
  
  &lt;/style&gt;
  
  &lt;div id = "pic"&gt; &lt;p&gt;
  
  &lt;/p&gt; &lt;/div&gt; 
  </code></pre>
  
  <p>Only a tiny portion of the image is displayed along with the text... I'm so confused why this is happening. The only way I can display the whole image is if I add almost 170px of padding around the image. Someone please help!</p>
  
  <p>Thanks.</p>