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

Я установил тестовый пример, используя только код, который вы предоставили, и, похоже, не существует проблемы с заполнением. Уверены ли вы, что у вас нет другого стиля, который может вызвать проблему?