медиа запросов не работает на Firefox

Question

я работал с этой новой технологией для меня (Адаптивный дизайн), и я ненавижу те проблемы, которые я не знаю ответа, я получаю разочарование:/

Вот мой код : http://jsbin.com/ejadej/1

с последней версией Chrome, я вижу сайт, как предполагается, будет мой код, в то время как Firefox не читает этот медиа-запрос

@media screen and(min-width: 960px) { 
    #php-info-title { 
     background-color: #322E2C; 
     position: absolute; 
     left:100px; 
     bottom: 0px; 
     color:white; 
     z-index: 0; 
     max-width: 300px; 
    } 
} 

Это просто игнорируя его (если я удалю медиа-запрос работает хорошо, но я не хочу делать в).

Любопытно, что с другими медиа-запросами, написанными выше этого, Firefox работает хорошо.

Что происходит с Firefox?

Благодарим за помощь.

Answer 1

По спецификации, вам нужно пространство между and и (. Если у вас его нет, это не допустимое правило @media.

Я подал https://bugs.webkit.org/show_bug.cgi?id=117396 и http://code.google.com/p/chromium/issues/detail?id=248043 за то, что он стоит.