Asp.net mvc 精灵渲染不正确

我有一个带有背景图像（精灵）按钮的页面。当我不把我的精灵放在一张桌子上时，我会在网络浏览器中得到对角分布的重复图像，而没有图库。在HTML源代码视图中，一切看起来都很好，但如果我转到检查器，它看起来就不同了，重复我创建的按钮，从右到左按对角线向下

更新：

我刚刚意识到，另一种让这一切正常运转的方法是改变：

<a href="../Gallery/Create" class="l_new" />

我没有发现HTML有什么不寻常的地方，除了它在一个我以前从未使用过的节标记中，而且我没有看到任何Java脚本在运行

如果我把雪碧放在桌子里，一切都正常

这是Chrome的inspector的外观。它在IE9中做同样的事情。我还没有发布HTML源代码，但相信我，这是完全正常的，并没有反映下面的输出

下面是导致问题的index.chtml文件的一个示例：

@model List<AutoShow_MVC.Models.GalleryModel>
@using AutoShow_MVC.Models

@{
    ViewBag.Title = "Index";
}

<h2>Photo Gallery</h2>

<a href="../Gallery/Create" class="l_new" />

@型号列表
@使用AutoShow\u MVC.Models
@{
ViewBag.Title=“Index”；
}
照片库

您能给我们看一些代码或实时问题/屏幕截图吗。这将有助于理解问题。刚刚添加了屏幕截图和index.chtml文件。谢谢。我刚刚删除了index.chtml文件的大部分内容，即使是上面列出的基本index.chtml，问题仍然存在。我能想到的唯一原因是。。。您已经为表定义了一些CSS。。。这可能是它运行良好的原因。您可以使用Firefox中的Firebug查看使用了哪些CSS类选择按钮…@Dave您可以上传一些文件并向我们展示演示，以便我们能够实时识别问题。我们了解您的问题，但最好能理解，因此请显示实时/工作页面。

.l_new
{
width: 170px;
height: 36px;
background-position: -43px -155px;
background-image: url('img/sprites.png?v=6');
background-repeat: no-repeat;
overflow: hidden;
display:block;
}

@model List<AutoShow_MVC.Models.GalleryModel>
@using AutoShow_MVC.Models

@{
    ViewBag.Title = "Index";
}

<h2>Photo Gallery</h2>

<a href="../Gallery/Create" class="l_new" />