title: CSS Background-Image refuses to display in ASP.Net MVC
body: <p>I am having trouble displaying an background image in my ASP.NET MVC 2 application. Currently, In ~/Views/Shared/Site.master, I set my link to the style sheet to:</p>
  
  <pre><code>&lt;link href="&lt;%:@Url.Content("~/Content/Site.css") %&gt;" rel="stylesheet" type="text/css" /&gt;
  </code></pre>
  
  <p>The image I plan to display is in my ~/Content/Images/Designs.png</p>
  
  <p>Here is what I have tried</p>
  
  <pre><code>body
  {
      background-image: url(~/Content/Images/designs.png); 
      background-repeat: repeat;  
      font-size: .75em;
      font-family: Verdana, Helvetica, Sans-Serif;
      margin: 0;
      padding: 0;
      color: #696969;
  }
  </code></pre>
  
  <p>Other Tries Included:  </p>
  
  <pre><code>background-image: url(./Content/Images/designs.png); 
  background-image: url(Content/Images/designs.png); 
  background-image: url(Images/designs.png); 
  </code></pre>
  
  <p>none of the above tries worked. What can I do?</p>