<html>
<head>

<script>
    function runTest() {
		if (window.testRunner)
	    	    testRunner.dumpAsText();

		var element = document.getElementById("styled");
		var computedColor = window.getComputedStyle(element).backgroundColor;

		if (computedColor === "rgb(0, 128, 0)")
		    document.getElementById("result").textContent = "SUCCESS";
		else
		    document.getElementById("result").textContent = "FAILURE " + computedColor;
    }
</script>

<style>
	@media {
		body { background-color: green; }
		.foo background-color: red; }
	}
</style>		
</head>
<body onload="runTest();" id="styled">
	<div>Background should be green.</div>
	<div id="result"></div>
</body>