diff --git a/index.html b/index.html
index 99329f8..913cd5a 100644
--- a/index.html
+++ b/index.html
@@ -13,10 +13,10 @@
 		<script type="text/javascript" src="jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>	
 	</head>
 	<body>
+		<div id="wallpaper"></div>
 		<div id="wrap-all">
 			<div id="wrap-nonfooter-content">
 				<div id="nonfooter-content-container">
-					
 					<div id="headerbar">
 						<ol class="vertical-list">
 							<li><span>Willkommen zum Dashboard-Test!</span></li>
diff --git a/style/main.css b/style/main.css
index 320d3ca..5562fd4 100644
--- a/style/main.css
+++ b/style/main.css
@@ -92,10 +92,15 @@ h5 {	font-size: 11pt;	}
 	color: hsla(0, 0%, 5%, 1);
 }
 
-#wrap-all {
-	overflow: auto; /* without this, the background gets messed up when scrolling down on long pages. */
-	height: 100%;
+#wallpaper {
+	position: fixed;
+	top: 0px;
+	left: 0px;
+	z-index: -999;
 	min-height: 100%;
+	height: 100%;
+	min-width: 100%;
+	width: 100%;
 	background-color: hsla(0, 0%, 50%, 1);
 	/* epic background image or something like that */
 	background: url('img/bkg01.jpg');
