Menu Bar Drop-down Background-Color Not Showing

HTML-CSS
#1

Hi folks,

For some reason I’m not getting the mouse-over background-color for my drop-down menu to work. Here is my code: .dropdown-content a:hover { background-color: red; }
And here is the link to my page: https://codepen.io/IDCoder/pen/OWbXLw

#2

You also define a background-color for the a-tags of your dropdown in the html itself. This overrides the style you define in your css. If you remove the background-color from your html, the css will work.

#3