<!DOCTYPE html>
<html lang="en-US" class="reftest-wait">
<head>
	<title>Testcase, bug 830299</title>
	<meta charset=UTF-8>
	<style type="text/css">

	html { margin: 1px; padding: 2px }
	body { margin: 4px; padding: 8px }

	#outer {
		position: absolute;
		overflow: hidden;
		transform: translateX(0px);
		top: 3px; left: 5px;
		width: 200px; height: 200px;
		background: yellow;
	}
	
	#inner {
		position: fixed;
		top: 7px; left: 9px;
		width: 100px; height: 100px;
		background: aqua;
	}

	</style>
	<script type="text/javascript">

	window.addEventListener("load", function(event) {
	                        	setTimeout(function() {
	                        	           	document.getElementById("inner").style.display = "";
	                        	           	document.documentElement.removeAttribute("class");
	                        	           }, 100);
	                        }, false);

	</script>
</head>
<body>

<div id="outer">
  <div id="inner" style="display:none">inner</div>
</div>

</body>
</html>