css - 優先順位によるメディア クエリのオーバーライド

Question

600px のメディア クエリは適用されません。順番優先だから当てはまらないの？

#mydiv {color:#FF0000;}
@media screen and (max-width:750px){
    #mydiv {color:#000;}
}
@media screen and (max-width:600px){
    #mydiv {color:#33CC33;}
}

<div id="mydiv">
    testing text color with media queries
</div>

http://jsfiddle.net/xpnGh/3/