diff --git a/css/app.css b/css/app.css
index 23e11823d..3a58bdaac 100644
--- a/css/app.css
+++ b/css/app.css
@@ -33,6 +33,12 @@ body {
     min-width: 768px;
 }
 
+#content {
+    position: relative;
+    overflow: hidden;
+    height: 100%;
+}
+
 .limiter {
     position: relative;
     max-width: 1200px;
diff --git a/js/id/ui.js b/js/id/ui.js
index 6ae548b13..6d78251a2 100644
--- a/js/id/ui.js
+++ b/js/id/ui.js
@@ -18,14 +18,17 @@ iD.ui = function(context) {
             .attr('class', 'col4')
             .call(iD.ui.Sidebar(context));
 
-        var m = container.append('div')
+        var content = container.append('div')
+            .attr('id', 'content');
+
+        var bar = content.append('div')
+            .attr('id', 'bar')
+            .attr('class', 'fillD');
+
+        var m = content.append('div')
             .attr('id', 'map')
             .call(map);
 
-        var bar = m.append('div')
-            .attr('id', 'bar')
-            .attr('class','fillD');
-
         var limiter = bar.append('div')
             .attr('class', 'limiter');
 
@@ -45,12 +48,12 @@ iD.ui = function(context) {
             .attr('class', 'spinner')
             .call(iD.ui.Spinner(context));
 
-        m.append('div')
+        content.append('div')
             .attr('class', 'attribution')
             .attr('tabindex', -1)
             .call(iD.ui.Attribution(context));
 
-        m.append('div')
+        content.append('div')
             .style('display', 'none')
             .attr('class', 'help-wrap fillL col5 content');
 
@@ -79,7 +82,7 @@ iD.ui = function(context) {
             .attr('class', 'map-control geolocate-control')
             .call(iD.ui.Geolocate(map));
 
-        var about = m.append('div')
+        var about = content.append('div')
             .attr('class','col12 about-block fillD');
 
         about.append('div')