Sub Menu Rollover Pop up Not Showing
- by Stradigos
Hello everyone, hopefully this will be an easy answer for some of you CSS veterans out there.
I'm developing a site for a client. For readability, I'll just give you a link to the website and the css page in question.
HTML
CSS
I'm trying to make a sub menu pop up to the right of the main menu when you scroll over "Star Quartz Grout." My current CSS obviously isn't correct though, and I could use some guidance.
ul#subNav {display: none; width: 134px; }
li:hover ul#subNav, li.over ul#subNav {display: inline-block; position: absolute; top: 0px; left: 134px; }
My guess is that it's working but it's hidden behind the rest of the page. I could be wrong though. It's kind of hard to confirm, even with Chrome's "Inspect Element" (very nice thing btw). It's probably some dumb mistake. Anyway, thanks in advance. I'm a bit of a CSS novice.