fixed distbox-and-map-zoom problem

2 files changed, 3 insertions, 2 deletions

diff --git a/map.css b/map.css
index 16667b1..78c8eef 100644
--- a/map.css
+++ b/map.css
@@ -38,8 +38,8 @@ div.box {
   bottom: 10px;
 }
 
-#distboxOuter {
-  position: absolute;
+#distboxouter {
+  position: fixed;
   width: 99%;
   top: 10px;
   background: none;
diff --git a/map.js b/map.js
index 4847a0d..7964726 100644
--- a/map.js
+++ b/map.js
@@ -230,6 +230,7 @@ RulerControl.prototype.initialize = function(map) {
     GEvent.addListener(marker2, "drag", function() { measure(); });
   });
   distBoxOuter = document.createElement("div");
+  distBoxOuter.id = "distboxouter";
   distBox = document.createElement("div");
   distBox.className = "box";
   distBox.id = "distbox";