On a clients website (HolidayHomes.ca) the dropdown menu doesn’t appear to be working in Internet Explorer, not really sure how to go about fixing this..
It appears to have something to do with text-indent on the ul li.inner class. It was grabbing text-indent: -2000px; from #nav li, all of my submenu li’s have the class .inner
I’ve tried adding text-indent: 0px !important; to ul li.inner, but it doesn’t seem to be working? However I’ve noticed if I remove the text-indent from #nav li completely, it works fine?
Help is appreciated! I’m pulling a LOT of hair out over this.. and I’d rather fix it then have to install a new dropdown menu script completely… ugh.
After a few more hours of troubleshooting, I was able to fix this error by removing
display: inline;from my#nav li ulelement. 🙂