Medien Abfragen fehl innerhalb IE9 iframe

Question

Ich habe folgende Medienanfragen in meinem CSS:

@media screen and (min-width: 0px) and (max-width: 319px) { 
    body {background-color:red;} 
} 

@media screen and (min-width: 320px) and (max-width: 480px) { 
    body {background-color:orange;} 
} 

@media screen and (min-width: 481px) and (max-width: 980px) { 
    body {background-color:yellow;} 
} 

@media screen and (min-width: 981px) and (max-width: 1200px) { 
    body {background-color:green;} 
} 

@media screen and (min-width: 1201px) { 
    body {background-color:blue;} 
} 

und fünf iframes in entsprechenden Größen:

<iframe frameBorder="0" src="index.html" height="320" width="255" ></iframe> 

Die Abfragen Kick-in fein in der Standalone-html Datei, aber wenn sie in einem Iframe-Kontext angezeigt werden, schlagen sie in IE9 fehl. Alle anderen Browser zeigen OK an.

Wer weiß warum? Danke

[Bearbeiten] Für den Datensatz haben die Eltern und Kind HTML den gleichen docType, und die CSS wird als Text/CSS serviert.