Strange DIV line in Android browsers

I have a problem with some mysterious DIV top padding/line in Google Chrome and default browser on Android portrait orientation.

Mobile printscreen: http://ift.tt/1Vdh1Cn

<section id="footerFront">
            <div id="polygonFooterUp"></div>
</section>

CSS:

#polygonFooterUp{  width: 100%; padding: 0 0 calc(100% * 33/1124) 0; background:url("bg/polygon-footer-up.svg") center top no-repeat; background-size: 100% 100%; }

At first I thought that there is some problem with SVG, but when I change the background to some color, the line is still here.

It is showing on some web subpages, it depends on the page height.

I've tried many solutions to solve the problem but the "line" is still here. Does anyone have any advice about this problem?

Thanks.