title: Image not visible during runtime
body: <p>I am trying to apply an image in the background of an html  tag through a CSS as below. Can any1 tell me why this image isnt  visible during runtime? I can see it during design time. Also, why do I have to give the full path?? Its not visible if I write only the image name.</p>
  
  <pre><code>.small-heading 
      {
     background:url(C:\Users\Admin\Documents\Visual Studio 2010\Projects\WebApplication1 \WebApplication1\Images1\small-heading.gif);
     width: 105px;
      height: 20px;
    float: left;
   font-size: 0.9em;
  line-height: 18px;
  font-weight: normal;
  color: #7a7a7a;
  overflow: hidden;
  padding: 0 0 0 3px;
  }
  &lt;strong class="small-heading"&gt;
   &lt;a href="#" id="lnkPassword" &gt;Change Password&lt;/a&gt;&lt;/strong&gt;
   &lt;/td&gt;
  </code></pre>
  
  <p>My image is in a folder called Image1 which is directly in the root. I have tried using this:</p>
  
  <pre><code>background:url(Images1\small-heading.gif);
  </code></pre>
  
  <p>It doesnt work...</p>