CSS背景图像重复不显示

这是从Firebug获得的按钮上输出的CSS。但是，不显示背景

以下是CSS在代码中的声明方式：

background: url("/Img/chic/gradient.JPG") repeat-x scroll 0 0 transparent;
color: White;
cursor: pointer;
display: block;
font-size: 11px;
font-weight: bold;
margin-bottom: 1px;
padding: 2px 0 3px 15px;
position: relative;
text-decoration: none;
vertical-align: text-bottom;
width: 100px;

我是不是说背景不对

HTML:

---

是否已检查图像路径是否正确

---

需要注意的一点是，如果样式是在外部样式表中定义的，则相对图像路径是相对于.css文件而不是HTML页面的。

是否检查了图像路径是否正确

---

需要注意的一点是，如果样式是在外部样式表中定义的，则相对图像路径是相对于.css文件而不是HTML页面的。

尝试输入gradient.jpg文件的绝对路径，看看是否有效。url不应该包含在“”中吗？绝对路径是什么样子的？--所有与C:/？此.css文档的包含文件夹与/Img位于同一级别。@slandau绝对路径将是图像的完整url。@slandau-如果您为应用样式的元素和看到问题的浏览器/版本包含HTML，也会有所帮助。请尝试输入绝对路径查看gradient.jpg文件，看看是否有效。url不应该包含在“”中吗？绝对路径是什么样子的？--所有与C:/？此.css文档的包含文件夹与/Img位于同一级别。@slandau绝对路径将是图像的完整url。@slandau-如果您在应用样式的元素和看到问题的浏览器/版本中包含HTML，也会有所帮助。没有任何内容会被跳过显然是错误的，但是如果你包括它应用到的元素的HTML，可能会帮助我们诊断它。没有什么会因为它明显错误而跳出来，但是如果你包括它应用到的元素的HTML，可能会帮助我们诊断它。

.navigationTab
{
    position:relative;
    color:White;    
    width:100px;
    font-size:11px;
    font-weight:bold;
    margin-bottom:1px;
    cursor:pointer;
    padding:2px 0px 3px 15px; 
    vertical-align:text-bottom;
    text-decoration:none;
    display: block;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2273ba', endColorstr='#1B62A0', iOrientation=1); /* for IE */
    /*background: -webkit-gradient(linear, left top, left bottom, from(#2273ba), to(#1B62A0)); /* for webkit browsers */
    /*background: -moz-linear-gradient(top,  #2273ba,  #1B62A0); /* for firefox 3.6+ */
    background: url(/Img/chic/gradient.JPG) repeat-x;

}

<a href="/Extranet/mvc/Indications.cfc/rates/8bfe5685-5de1-4cba-b5bd-9c128fb513bb" class="navigationTab" id="ctl00_ratesLink">
    <img src="/Extranet/img/chic/plugin.png" style="vertical-align: text-bottom;"><span style="padding-left: 5px;">Rates </span>
</a>