diff --git a/src/js/select2/dropdown/attachBody.js b/src/js/select2/dropdown/attachBody.js
index 667596df..a1b62dc8 100644
--- a/src/js/select2/dropdown/attachBody.js
+++ b/src/js/select2/dropdown/attachBody.js
@@ -157,14 +157,20 @@ define([
       top: container.bottom
     };
 
-    // Fix positioning with static parents
-    if (this.$dropdownParent[0].style.position !== 'static') {
-      var parentOffset = this.$dropdownParent.offset();
+    // Determine what the parent element is to use for calciulating the offset
+    var $offsetParent = this.$dropdownParent;
 
-      css.top -= parentOffset.top;
-      css.left -= parentOffset.left;
+    // For statically positoned elements, we need to get the element
+    // that is determining the offset
+    if ($offsetParent.css('position') === 'static') {
+      $offsetParent = $offsetParent.offsetParent();
     }
 
+    var parentOffset = $offsetParent.offset();
+
+    css.top -= parentOffset.top;
+    css.left -= parentOffset.left;
+
     if (!isCurrentlyAbove && !isCurrentlyBelow) {
       newDirection = 'below';
     }
diff --git a/tests/dropdown/positioning-tests.js b/tests/dropdown/positioning-tests.js
index cb4d0788..98ff5f18 100644
--- a/tests/dropdown/positioning-tests.js
+++ b/tests/dropdown/positioning-tests.js
@@ -61,7 +61,12 @@ test('appends to the dropdown parent', function (assert) {
 test('dropdown is positioned with static margins', function (assert) {
     var $ = require('jquery');
     var $select = $('<select></select>');
-    var $parent = $('<div style="position: static; margin-top: 5px; margin-left: 10px;"></div>');
+    var $parent = $('<div></div>');
+    $parent.css({
+        position: 'static',
+        marginTop: '5px',
+        marginLeft: '10px'
+    });
 
     var $container = $('<span></span>');
     var container = new MockContainer();
@@ -111,7 +116,12 @@ test('dropdown is positioned with static margins', function (assert) {
 test('dropdown is positioned with absolute offsets', function (assert) {
     var $ = require('jquery');
     var $select = $('<select></select>');
-    var $parent = $('<div style="position: absolute; top: 10px; left: 5px;"></div>');
+    var $parent = $('<div></div>');
+    $parent.css({
+        position: 'absolute',
+        top: '10px',
+        left: '5px'
+    });
 
     var $container = $('<span></span>');
     var container = new MockContainer();