Question

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 ?

my CSS is following;

     #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 }  

while XHTML is

<div id='menucontainer'>             <div id='nav-menu'>                 <ul>                     <li><%= Html.ActionLink('Home', 'Index', 'Home')%></li>                     <li><%= Html.ActionLink('About Us', 'About', 'Home')%></li>                                 </ul>             </div>      </div> 

1. Yes i tried with ./Images/… but it still not worked.

2. Following is my hierarchy of folders

   Solution -> Content                Site.css                Images                       logo.jpg                       leftbarlightblue.jpg        ->Controllers        -> Models        ->Views              Home              Shared                      Site.Master 
   
   

Answer 1

I Got the issue, the images were created using CMYK. So FF was showing them using approximate colors while Internet explorer was totally ignoring them. Changing the format solve the issue. Thanks for your help guys.