css - 4 背景，底部是否有不需要的填充？

Question

这是我的代码:

    .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
        {

        }

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

html:

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

建议？卡了太久自己找不到答案

Answer 1

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