diff --git a/src/main/webapp/scripts/directives/serverMap.js b/src/main/webapp/scripts/directives/serverMap.js
index 11a4db11b..848c45d4f 100644
--- a/src/main/webapp/scripts/directives/serverMap.js
+++ b/src/main/webapp/scripts/directives/serverMap.js
@@ -185,12 +185,11 @@ pinpointApp.directive('serverMap', [ 'serverMapConfig', 'ServerMapDao', 'Alerts'
                  */
                 setNodeContextMenuPosition = function (top, left) {
                     scope.nodeContextMenuStyle = {
-                        display: 'block'
-                    };
-                    element.find('.nodeContextMenu').css({
+                        display: 'block',
                         'top': top,
-                        'left': left
-                    });
+                        'left': left,
+                        'z-index': 9999999 // it should be higher than 9999998, because of intro.js
+                    };
                     scope.$digest();
                 };
 
@@ -201,13 +200,11 @@ pinpointApp.directive('serverMap', [ 'serverMapConfig', 'ServerMapDao', 'Alerts'
                  */
                 setLinkContextMenuPosition = function (top, left) {
                     scope.linkContextMenuStyle = {
-                        display: 'block'
-                    };
-                    var linkContextMenu = element.find('.linkContextMenu');
-                    linkContextMenu.css({
+                        display: 'block',
                         'top': top,
-                        'left': left
-                    });
+                        'left': left,
+                        'z-index': 9999999 // it should be higher than 9999998, because of intro.js
+                    };
                     scope.$digest();
                 };
 
@@ -218,13 +215,11 @@ pinpointApp.directive('serverMap', [ 'serverMapConfig', 'ServerMapDao', 'Alerts'
                  */
                 setBackgroundContextMenuPosition = function (top, left) {
                     scope.backgroundContextMenuStyle = {
-                        display: 'block'
-                    };
-                    var backgroundContextMenu = element.find('.backgroundContextMenu');
-                    backgroundContextMenu.css({
+                        display: 'block',
                         'top': top,
-                        'left': left
-                    });
+                        'left': left,
+                        'z-index': 9999999 // it should be higher than 9999998, because of intro.js
+                    };
                     scope.$digest();
                 };
 
diff --git a/src/main/webapp/styles/serverMap.css b/src/main/webapp/styles/serverMap.css
index 512eadd1b..cdaf61106 100644
--- a/src/main/webapp/styles/serverMap.css
+++ b/src/main/webapp/styles/serverMap.css
@@ -3,7 +3,7 @@
     position: absolute;
     top: 8px;
     left: 11px;
-    z-index: 9;
+    z-index: 9999999; /* it should be higher than 9999998, because of intro.js */
     font-size: 12px;
 }
 .servermap .servermap-status .alert {