I am trying to get my website up and running. I am pretty good with HTML and CSS, been making sites for a number of years (hobby, not a job). At ParkBenchChiropractic.com there is a navigation bar below the header with common links and a facebook link. The text links have a hover effect applied to them with CSS. The code is very similar to the CSS used for the hover effect I used on the sidebar on the same pages. The sidebar works as designed, with no underline when I hover over a link. The top navbar, though, persists in underlining when I hover despite using "a:hover {text-decoration:none;}" in my code.
The HTML pages are all the pages at parkbenchchiropractic.com, and the CSS which these pages reference is at http://www.parkbenchchiropractic.com/static.css
If anyone has any interest in this and wouldn't mind being a fresh pair of eyes for me and perusing my code, please feel free!! I am stumped and have been trying to figure this out for a few days now with no luck. It's probably something obvious, but I can't get it.
As a note, the links all display correctly in the newest version or IE, but not Firefox.