CSS Media Query Shortcoming in Firefox 3.6

• Media query = "true" :
• size 1 "YELLOW": (min-width: 320px) and (max-width: 514px)
• size 2 "RED": (min-width: 515px) and (max-width: 640px)
• size 3 "GREEN": (min-width: 641px) and (max-width: 1023px)
• size 4 "BLUE": (min-width: 1024px)

Resize the window. According to the viewport size, the specific style kicks in. Neat! It means you can switch the layout according to the available space!

But: strange enough, Firefox does not "update" the Style if you resize the window below 515px (if it would, the "yellow" style would be used). Chrome does.

(Tested on Nov. 20,2010 in Firefox 3.6 and Google Chrome 7.0)