title: Setting background image in asp.net (Master page)
body: <p>I'm new in asp.net. And I am having trouble setting my background image. Here's the master page source:</p>
  
  <pre><code>&lt;%@ Master Language="C#" AutoEventWireup="true" CodeFile="Master.master.cs" Inherits="Master"%&gt;
  
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
      &lt;link rel="stylesheet" type="text/css" href="scripts/style.css"/&gt;
      &lt;title&gt;Tracker&lt;/title&gt;
      &lt;asp:ContentPlaceHolder id="head" runat="server"&gt;
      &lt;/asp:ContentPlaceHolder&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
      &lt;div&gt;
          &lt;div class="container"&gt;
                  &lt;a href="#"&gt;&lt;img src="images/cross-header.gif" alt="Insert Logo Here" width="100%" id="Insert_logo" style="background: #C6D580; display:block;" /&gt;&lt;/a&gt;
  
              &lt;div class="sidebar1"&gt;
                  &lt;nav&gt;
                      &lt;ul&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;LINK&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;LINK&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;&lt;span style="font-weight:italic"&gt;LINK&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;&lt;span style="font-weight:italic"&gt;LINK&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/nav&gt;
                      &lt;p&gt;SOME LABEL&lt;/p&gt;
                      &lt;p&gt;SOME QUOTE HERE&lt;/p&gt;
                      &lt;p&gt;&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;footer&gt;
             &lt;a href="#"&gt;LINK HERE&lt;/a&gt; | &lt;a href="#"&gt;LINK HERE&lt;/a&gt; | 
             &lt;a href="contact.php"&gt;CONTACT&lt;/a&gt; | &lt;a href="register.php"&gt;REGISTER&lt;/a&gt; | &lt;a href="login.php"&gt;LOGIN&lt;/a&gt;
              &lt;address&gt;
                  Copyright 2012 @JRC
              &lt;/address&gt;
          &lt;/footer&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The image that I am trying to use is located at the folder image. I don't know whats wrong.</p>
  
  <p>And here's what the style.css source: </p>
  
  <pre><code>body 
  {
      font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
      margin: 0;
      padding: 0;
  
      background-image:url('images/background.jpg');
      background-repeat:no-repeat;
      background-attachment:scroll;
      background-position:repeat-x;
  }
  </code></pre>
  
  <p>I also tried this url('image/background.jpeg') etc. but still fails. </p>