diff --git a/guacamole/src/main/webapp/client.xhtml b/guacamole/src/main/webapp/client.xhtml
index 68d46580b..25a539b8d 100644
--- a/guacamole/src/main/webapp/client.xhtml
+++ b/guacamole/src/main/webapp/client.xhtml
@@ -43,6 +43,14 @@
         <!-- Dimensional clone of viewport -->
         <div id="viewportClone"/>
 
+        <!-- Notification area -->
+        <div id="notificationArea"/>
+
+        <!-- Images which should be preloaded -->
+        <div id="preload">
+            <img src="images/progress.png"/>
+        </div>
+        
         <!-- guacamole-common-js scripts -->
         <script type="text/javascript" src="guacamole-common-js/keyboard.js"></script>
         <script type="text/javascript" src="guacamole-common-js/mouse.js"></script>
diff --git a/guacamole/src/main/webapp/scripts/client-ui.js b/guacamole/src/main/webapp/scripts/client-ui.js
index 2ce8123e5..6568e1005 100644
--- a/guacamole/src/main/webapp/scripts/client-ui.js
+++ b/guacamole/src/main/webapp/scripts/client-ui.js
@@ -50,8 +50,9 @@ GuacUI.Client = {
 
     /* UI Components */
 
-    "viewport"    : document.getElementById("viewportClone"),
-    "display"     : document.getElementById("display"),
+    "viewport"          : document.getElementById("viewportClone"),
+    "display"           : document.getElementById("display"),
+    "notification_area" : document.getElementById("notificationArea"),
 
     /* Expected Input Rectangle */
 
@@ -794,7 +795,7 @@ GuacUI.Client.attach = function(guac) {
         var download = new GuacUI.Download(blob.name);
         download.updateProgress(getSizeString(0));
 
-        document.body.appendChild(download.getElement());
+        GuacUI.Client.notification_area.appendChild(download.getElement());
 
         // Update progress as data is received
         blob.ondata = function() {
diff --git a/guacamole/src/main/webapp/styles/client.css b/guacamole/src/main/webapp/styles/client.css
index 9a2db6d76..551aa6d1d 100644
--- a/guacamole/src/main/webapp/styles/client.css
+++ b/guacamole/src/main/webapp/styles/client.css
@@ -287,14 +287,16 @@ p.hint {
     
 }
 
+#notificationArea {
+    position: fixed;
+    right: 0.5em;
+    bottom: 0.5em;
+}
+
 .download.notification {
 
     font-size: 0.9em;
     
-    position: fixed;
-    right: 0.5em;
-    bottom: 0.5em;
-
     border: 1px solid rgba(255, 255, 255, 0.25);
     background: black;
     opacity: 0.9;
@@ -317,13 +319,13 @@ p.hint {
 }
 
 @keyframes progress {
-    from {background-position-x: 0px;}
-    to   {background-position-x: 64px;}
+    from {background-position: 0px  0px;}
+    to   {background-position: 64px 0px;}
 }
 
 @-webkit-keyframes progress {
-    from {background-position-x: 0px;}
-    to   {background-position-x: 64px;}
+    from {background-position: 0px  0px;}
+    to   {background-position: 64px 0px;}
 }
 
 .download.notification .progress {
@@ -368,3 +370,13 @@ p.hint {
     font-weight: bold;
     text-decoration: none;
 }
+
+#preload {
+    visibility: hidden;
+    position: absolute;
+    left: 0;
+    right: 0;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+}
\ No newline at end of file