CSS nav works in FIREFOX but NO OTHERS

[mindvassal]

Hello, all! After much browsing the site I am finally making my first post (of many I hope) as this seems like a great community to learn from and to help others. So, on to my first question:

I was coding a website previewing in Firefox (which works fine) but in Chrome or Safari I’m having an issue. When you hover over the top banner you’re supposed to be able to click the links that pop-up below, but instead they disappear before you’re able to mouse over them.

Here is my code and I appreciate in advance any help provided!
http://codepen.io/mindvassal/pen/ZYgWGp

[Shikkediel]

Seems to work better if this is changed :

nav ul li:hover ul {
display: block;

...

}

To this :

nav:hover ul {
display: block;

...

}

[mindvassal]

That works! If you don’t mind my asking, what was your process in debugging?

[Author]

Posts