html - 列表项 li 悬停样式在页面上不起作用

Question

在这个网页http://nkarch.lifeintheuktest.co/the-work.aspx我有<li>里面的元素divwith id=ProjectsGrid。

css 规则#ProjectsGrid ul li a:hover h4在 chrome 和 IE 中运行良好，但不适用于 Firefox。

有任何想法吗？

Answer 1

问题出在font-weight. 不悬停时你没有它。放：

.TopNavigation a:link {
    color: white;
    line-height: 200%;
    text-decoration: none;

    font-weight: 800;
}

会好的。

编辑：添加font-weight所有<div>你没有的，因为我认为这不仅仅是导航问题。