diff --git a/src/elements/segment.less b/src/elements/segment.less
index 8cbecda69..2a8f31ab1 100755
--- a/src/elements/segment.less
+++ b/src/elements/segment.less
@@ -128,6 +128,11 @@
   margin-bottom: 0em;
 }
 
+/* Bound to segment size*/
+.ui.segment > .ui.dimmer {
+  position:absolute;
+}
+
 /*******************************
              Types
 *******************************/
diff --git a/src/modules/dimmer.less b/src/modules/dimmer.less
index df1df9c1a..1f2c6052b 100755
--- a/src/modules/dimmer.less
+++ b/src/modules/dimmer.less
@@ -19,7 +19,7 @@
 
 .ui.dimmer {
   display: none;
-  position: absolute;
+  position: fixed;
   top: 0em !important;
   left: 0em !important;
 
diff --git a/src/modules/modal.js b/src/modules/modal.js
index 3df3c1b6b..31e255a84 100755
--- a/src/modules/modal.js
+++ b/src/modules/modal.js
@@ -77,8 +77,11 @@ $.fn.modal = function(parameters) {
                 hide     : settings.duration * 1.1
               }
             })
-            .dimmer('add content', $module)
           ;
+
+          if(settings.detachable)
+            $dimmable.dimmer('add content', $module);
+
           $dimmer = $dimmable
             .dimmer('get dimmer')
           ;
@@ -662,6 +665,7 @@ $.fn.modal.settings = {
 
   closable    : true,
   context     : 'body',
+  detachable  : false,
   duration    : 500,
   easing      : 'easeOutExpo',
   offset      : 0,