title: handling CSS & Images in ASP.NET MVC
body: <p>Hi I am developing a simple application based upon ASP.NET MVC. I have altered the default master.css to my have my own styles. Now the only problem is that i am adding background-image property to my one of my UL->Li->A to create menus. It is working fine in firefox but the images are not showing up at all in Internet explorer (IE7/8).
  Does anyone has clue what is going wrong ?</p>
  
  <p>my CSS is  following;</p>
  
  <pre><code>     #nav-menu ul
  {
      list-style: none;
      padding: 0;
      margin: 0;
      color:White;
  }
  #nav-menu li
  {
      /*float: left;*/
      margin: 0.15em 0.15em;
      display:block;
  
  }
  
  #nav-menu li a
  {
      background-image: url('/Images/leftbarlightblue.jpg');
      background-repeat:no-repeat;
      background-position:bottom;
  
      height: 2em;
      line-height: 2em;   
      width: 12em;
      display: block;
      text-decoration: none;
      text-align: center;
      color: white;
  }
  
  #nav-menu li a:hover
  {
      background-image: url('./Images/leftbardarkblue.jpg');
      background-repeat:no-repeat;
      background-position:bottom;
  
      height: 2em;
      line-height: 2em;
  
      width: 12em;
      display: block;
  
      color: white;
      text-decoration: none;
      text-align: center;
  }
  #nav-menu
  {
      width:15em
  } 
  </code></pre>
  
  <p>while XHTML is </p>
  
  <pre><code>&lt;div id="menucontainer"&gt;
              &lt;div id="nav-menu"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;%= Html.ActionLink("Home", "Index", "Home")%&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;%= Html.ActionLink("About Us", "About", "Home")%&gt;&lt;/li&gt;                
                  &lt;/ul&gt;
              &lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <ol>
  <li><p>Yes i tried with ./Images/... but it still not worked.</p></li>
  <li><p>Following is my hierarchy of folders 
  <PRE>Solution -> Content
                 Site.css
                 Images
                        logo.jpg
                        leftbarlightblue.jpg
         ->Controllers
         -> Models
         ->Views
               Home
               Shared
                       Site.Master
  </pre></p></li>
  </ol>