change positioning of monthly popup

Author: rtsinani

monthly/jquery.monthly.css

@@ -5,6 +5,7 @@
   z-index: 1000;
   box-shadow: 0 0 5px rgba(153, 153, 153, 0.2);
   border-radius: .2em;
+  background: #fff;
 }
 
 .monthly-wrp:before {

monthly/jquery.monthly.js

@@ -19,12 +19,12 @@
       },
 
       _render: function() {
-        var linkPosition = this._el.position(),
+        var linkPosition = this._el.offset(),
           cssOptions = {
-            display: 'none',
+            display:  'none',
             position: 'absolute',
-            top: linkPosition.top + this._el.height() + (options.topOffset || 0),
-            left: linkPosition.left
+            top:      linkPosition.top + this._el.height() + (options.topOffset || 0),
+            left:     linkPosition.left
           };
         this._container = $('<div class="monthly-wrp">')
           .css(cssOptions)
@@ -52,7 +52,7 @@
       _selectMonth: function(e) {
         var monthIndex = $(e.target).data('value'),
           month = months[monthIndex],
-          year = this._yearsSelect.val();
+          year  = this._yearsSelect.val();
         this._el.html(month + ' ' + year);
         if (options.onMonthSelect) {
           options.onMonthSelect(monthIndex, year);