Position fixed in ionic

So, I have this CSS:

.foo{
	background-color: #c60309;
	width: 100%;
	height: 60%;
	position: fixed;
	top: 0;
	left: 0;
}

<div class="foo">
    content
</div>

But when I resize the browser, the page becomes garbled and behaves weirdly on emulator (Android)

Got it. It should be outside Ionic content