• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 326
  • Last Modified:

List item li hover style not working on a page

on this web page http://nkarch.lifeintheuktest.co/the-work.aspx I have <li> elements inside the div with id=ProjectsGrid.

The css rule #ProjectsGrid ul li a:hover h4 is working fine in chrome and IE but not working on firefox. To be specific the h4 background color is not changing to red on hover.
0
mmalik15
Asked:
mmalik15
1 Solution
 
Kim WalkerWeb Programmer/TechnicianCommented:
The top most element would be what receives the hover state. Change the style selector to:
#ProjectsGrid ul li a h4:hover

Open in new window

0
 
mmalik15Author Commented:
Perfect
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now