CSS3 - a：悬停背景图片无法在线工作（但使用：活动）

Question

所以，我的标题中有一个导航菜单，其中包含以下代码，用于悬停在项目上：

header nav ul li a:hover {
color: #a1c0f4;
padding-top: 30px;
background: url('../images/tinychokurei.png') top center no-repeat;
}

我也有一个：主动：

header nav ul li a:active {
color: #0c00ff;
padding-top: 25px;
background: url('../images/tinychokurei.png') top center no-repeat;
}

当我离线浏览网站时，它工作正常，但当我上线时，悬停只会更改文本的颜色，但不会显示图像。图像被上传，因为它与我的a：active函数完全相同，并且它产生了OK，所以我有点迷路了，哈哈。

Answer 1

我将填充更改为35px并且工作正常...去图！