diff --git a/semantic.js b/semantic.js
index de52e032..ba26d812 100755
--- a/semantic.js
+++ b/semantic.js
@@ -7568,6 +7568,7 @@ $.fn.dropdown = function(parameters) {
             calculations = {
               context: {
                 scrollTop : $context.scrollTop(),
+                offset    : $context.offset(),
                 height    : $context.outerHeight()
               },
               menu : {
@@ -7579,8 +7580,8 @@ $.fn.dropdown = function(parameters) {
               calculations.menu.offset.top += calculations.context.scrollTop;
             }
             onScreen = {
-              above : (calculations.context.scrollTop) <= calculations.menu.offset.top - calculations.menu.height,
-              below : (calculations.context.scrollTop + calculations.context.height) >= calculations.menu.offset.top + calculations.menu.height
+              above : (calculations.context.scrollTop) <= calculations.menu.offset.top - calculations.context.offset.top - calculations.menu.height,
+              below : (calculations.context.scrollTop + calculations.context.height) >= calculations.menu.offset.top - calculations.context.offset.top + calculations.menu.height
             };
             if(onScreen.below) {
               module.verbose('Dropdown can fit in context downward', onScreen);