diff --git a/400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html b/400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html
index 2c252ca..1d78188 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html
+++ b/400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html
@@ -35,6 +35,8 @@
         opacity: 0.2;
         border: solid;
         position: absolute;
+        /*Bug #24255: Mac > DA > Body Navigator is not appear properly.*/
+         height:14px !important;
     }
 
     #wrapper {
@@ -44,7 +46,7 @@
         margin: 20px auto;
     }
 
-    .tooltip-custom + .tooltip > .tooltip-inner {
+    .tooltip-custom + .tooltip > .tooltip-inner {   
         background-color: #fff;
         border: 1px solid #000;
         color: #000;
@@ -290,8 +292,8 @@
                             <img src="~/../content/images/DA/navigator-view.png" style="height:30px; width:50px" />
                         </button>
 
-                        <div class="dropdown-menu active" id="navigatorDiv" style="min-height:auto; min-width:auto; ">
-                            <div id="containment-wrapper" align="center" style="min-width:auto;height:119px; ">
+                        <div class="dropdown-menu active" id="navigatorDiv" style="min-height: initial; min-width: initial; ">
+                            <div id="containment-wrapper" align="center" style="min-width: initial; height: 119px; ">
                                 <img id="navimg" alt="" />
                                 <div id="draggable" class="draggable ui-widget-content dragdivposition" ng-mouseup="ScrollCanvasDiv()">
                                 </div>
@@ -473,6 +475,13 @@
 <script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
 <script>
     $(function () {
+
+     
+      // issue in navigator image in internet explorer
+        if ($.browser.msie == true) {
+            $("#navigatorDiv").css({"min-width":"auto", "min-height":"auto"});
+            $("#containment-wrapper").css("min-width", "auto");
+        }
         $("#transparencyScale").draggable();
         $("#draggable").draggable({ containment: "#containment-wrapper", scroll: false });
     });
@@ -501,8 +510,6 @@
             $(".custom-tooltip2").css("display", "none");
         });
 
-
-
        
     });
 </script>