CSS media queries and !important

css, media-queries

Solution

Change max-height to min-height: http://jsfiddle.net/jnQYb/

Problem

I have a website of which uses @media queries but it doesn't seem to set them. They always keep the default style. For example: ``` #div1 { background:red} @media screen and (max-height:912px) { #div1{background:blue} } ``` will always stick with background:red unless I use `!important` but within my media queries I am styling so many selectors. Do I need to set to every single selector style `!important` ?

Original source