我的背景图片在底部被截断

我的网站必须响应,我应该建立它"移动优先".这是一个单页网站,每个部分都被一个svg图像分割.

到目前为止,我已经通过使用它完美地调整了宽度,background-size:cover;但是图像底部的一小部分被切断了.我已经尝试调整高度(自动,100%,随机像素值),但似乎没有做任何事情:/任何想法？

#breakpink{
    background-image: url(../images/break_pink.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    text-indent: -9999px;
}

完整代码:

http://jsfiddle.net/duyBE/