Css 4背景，底部是否有多余的填充物？

这是我的代码：

    .borderwidth
        {
            width:400px;
            height: auto;
            padding:1px;

                background-image: url(http://static.tumblr.com/sredvmb/rnImr27ij/topbottom.gif), url(http://static.tumblr.com/sredvmb/rnImr27ij/topbottom.gif), url(http://static.tumblr.com/sredvmb/GZBmr27hw/leftright.gif), url(http://static.tumblr.com/sredvmb/GZBmr27hw/leftright.gif);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-position: right top, left bottom, left center, right center;
        }

.border
        {

        }

问题是，底部有21像素的填充。。问题是，这两个元素也不涉及代码中的任何其他标记

html：

<div align="center" class="borderwidth"><div class="border"><img width="100%" height="100%" src="http://www.w3schools.com/images/w3schoolslogoNEW310113.gif"></div>

---

建议？我自己找不到答案的时间太长了

我已经使用您提供的代码设置了一个测试示例，而且似乎没有任何填充问题。您确定没有其他可能导致您出现问题的样式吗