IE11 vertical scroll extends over pagination area when using pagination template.

[sk2160]

In IE11 only and only when using the pagination template option, the vertical scrolling when IE11 initially loads the page overlaps the pagination. See screen capture below:

Once the user scrolls or resizes the window, then the vertical scrolling height snaps to above the pagination displaying it correctly. See screen capture of after scrolling or resizing below:

When I comment out the pagination template as below, then the overlap issue does not occur:

            $scope.uiGridSearchResults = {
                enableColumnResizing: true,
                enablePaginationControls: true,
                paginationPageSizes: [100, 250, 500],
                paginationPageSize: commonUtilsService.maxUiGridSearchResultsPerPage,
                paginationCurrentPage: 1,
                showPagination: true,
                showNext500Button: false,
                showPrev500Button: false,
                disableNext500Button: false,
                disablePrev500Button: true,
                recordCount: 0,
                recordStart: 0,
                recordEnd: 0,
                //paginationTemplate: 'app/common/view/ls-grid-template.html',
                rowTemplate:'app/common/view/ls-grid-row-template.html',
                columnDefs: $scope.defaultColumnDefs,
                enableGridMenu: true,
                enableSelectAll: true,
                data: []
            };

We have custom buttons though and need this pagination template to work in IE11. Any help would be much appreciated! Thanks!