title: Alignment issue with full calendar popover
body: <p>Am re sizing the height of the full calendar to fit in my screen. And am also limiting the events displayed in month view. So, now when I click +'x'more button, event container popup is coming at the bottom of the screen. </p>
  
  <p>If am not altering the height, event container popup is aligned properly.</p>
  
  <p>Please let me know how to fix popup alignment issue when calendar height is re sized.</p>
  
  <p>Below is my code and attached the screenshot of calendar view</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#calendar').fullCalendar({
    now: new Date(),
    editable: false,
    aspectRatio: 1.8,
    height: 200,
    selectable: true,
    scrollTime: '00:00',
    header: {
      left: 'prevYear,prev,next,nextYear today',
      center: 'title',
      right: 'timelineDay,timelineThreeDays,agendaWeek,month'
    },
    dayClick: function(date, jsEvent, view) {
      var view = $('#calendar').fullCalendar('getView');
      if (view.name == 'month') {
        $('#calendar').fullCalendar('gotoDate', date._d.toISOString().slice(0, 10));
        $('#calendar').fullCalendar('changeView', "timelineDay");
      }
    },
    defaultView: 'timelineDay',
    views: {
      timelineThreeDays: {
        type: 'timeline',
        duration: {
          days: 3
        }
      }
    },
    eventOverlap: false,
    resourceAreaWidth: '25%',
    resourceLabelText: 'Reservations',
    resourceGroupField: 'building',
    resources: resourcesList,
    events: eventList,
    eventLimit: true,
    eventRender: function(event, element) {
      element.find('.fc-title').append('&amp;nbsp;&amp;nbsp;' + event.statusCode);
    },
  
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="http://i.stack.imgur.com/x2ZaS.png" rel="nofollow">screenshot</a></p>