Media Query(s) not working in Firefox

Hello

I am having an issue with media queries in Firefox.  I have two media queries that work in IE, Chrome and Safari.  But when I test them in Firefox, they are not working.

Please look at this page first in Firefox  Check this out in IE or Chrome or Safari  In my mockup you will see a Hamburger and the words "Practice Areas".   You will also see a text menu on the right.  I am hiding them from desktop with media queries -- which are working in the other browsers.

Any suggestions to fix this issue?  I googled this issue and found some comments but they mainly seem to appear only with older versions of Firefox.

????

Thanks
RowbyHow it looks (wrong) in Firefox.
LVL 9
Rowby GorenAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
For starters, your HTML formatting is wrong.  You have 3 </head> tags and two <body> tags and a style section in an <li>.  Until you fix the formatting, there is no point in trying to fix what you think your problem is.
Rowby GorenAuthor Commented:
Hi Dave!

I guess I overmarkedup!

I think I got rid of the excess heads and body.  At least I can't find them in my source code now.

Is this the <li> issue you were referring to?   
 
li { padding: 8px 0; border-bottom: 2px solid #000; }
</style><style id="searchstatus-nofollow">a[rel~="nofollow"] {  outline: thin dashed firebrick ! important;  background-color: rgb(255, 200, 200) ! important; }</style><ol><li>

Open in new window


Thanks
Rowby
Dave BaldwinFixer of ProblemsCommented:
The '<ol><li>' at the end of that line should not be there.

The CSS Validator http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.legalmetro.com%2F says you have 2200 errors and 822 warnings.  The HTML Validator won't finish, you're confusing it.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Your Guide to Achieving IT Business Success

The IT Service Excellence Tool Kit has best practices to keep your clients happy and business booming. Inside, you’ll find everything you need to increase client satisfaction and retention, become more competitive, and increase your overall success.

Download eBook now!
Rowby GorenAuthor Commented:
Stay tuned -- will be working on this.....
Rowby GorenAuthor Commented:
Hi Dave

While I have yet to deal with 99 percent of the validation issues, I have found a workaround that fixed this issue.

So I'll close the question acknowledging the need to deal with the validation.  

Thanks again!

Rowby
Dave BaldwinFixer of ProblemsCommented:
You're welcome.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.