ASP.NET MVC Html.ActionLink CSS Фоновое изображение

Question

Я пытался установить изображение для HTML.ActionLink, добавив CSS-класс для ссылки (a) и используя background-image для отображения ссылки в виде изображения. Это прекрасно работает во всех браузерах, кроме IE 6 и IE7. Мне нужно, чтобы это работало в этих браузерах, но я не могу понять это. Есть идеи ???

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

И ссылка с классом редактирования CSS

<%= Ajax.ActionLink(" ", "EditClaim", "Driver", new { claimId = item.Id }, new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "claim", OnSuccess="showAddClaim", OnComplete = "updateClaim"}, new { @class = "edit" })%>

Я был бы очень признателен, если бы кто-нибудь мог помочь мне решить это. Я потратил целую вечность, пытаясь решить эту проблему!

Спасибо

Answer 1

это a.edit: hover, а не a: hover.edit

Answer 2

пара мыслей ...

имя класса действительно меняется? проверьте это, добавив границу в новый класс или другой стиль, чтобы увидеть, как он работает. добавление границы может фактически заставить ее работать, поэтому, возможно, вы можете сделать эту границу того же цвета, что и фон (желательно сделать это в условной таблице стилей)

тогда я задаюсь вопросом об отображении: встроенная таблица ... почему это, вы пробовали display: block;

наконец, возможно, это проблема hasLayout, попробуйте прочитать эту статью

http://www.satzansatz.de/cssd/onhavinglayout.html