title: ASP.NET MVC Html.ActionLink CSS Background Image
body: <p>I have been trying to set an image on an HTML.ActionLink by adding a CSS class for a link (a) and using the background-image to display the link as an image.  This works great in all browsers but IE 6 and IE7.  I need to get it working in these browsers, but can not figure it out.  Any ideas???</p>
  
  <pre><code>a.edit 
  {
      background-image: url("../Images/Buttons/edit.png");
      background-position: top left;
      background-repeat: no-repeat;
      width:49px;
      height:22px;
      display: inline-table;
      text-decoration:none;
      clear:none;
  }
  
  a:hover.edit 
  {
      background-image: url("../Images/Buttons/editOn.png");
      background-position: top left;
      background-repeat: no-repeat;
  }
  </code></pre>
  
  <p>And the link with the edit CSS class</p>
  
  <pre><code>&lt;%= Ajax.ActionLink(" ", "EditClaim", "Driver", new { claimId = item.Id }, new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "claim", OnSuccess="showAddClaim", OnComplete = "updateClaim"}, new { @class = "edit" })%&gt;
  </code></pre>
  
  <p>I would be very grateful, If anyone could help me solve this.  I have spent ages trying to solve this one!</p>
  
  <p>Thanks</p>