Visit this link for more information: http://apolytos.com/new/img/test.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
body {
background:url("background.jpg");
background-repeat:no-repeat;
background-attachment:fixed;
background-size: cover;
background-position:top center;
margin:0;
}
</style>
</head>
<body>
</body>
</html>
When using Internet Explorer 11, there seems to be a problem with the background not covering properly. To see the issue in action, click on the provided link. Removing "fixed" from the code causes the background to cover as intended, but it then scrolls with the content on the page, which is not desired. It appears that there is a conflict with these two lines of code specifically in IE.