Удаление пробелов между ячейками таблицы

Question

я следующая разметке

 <div class="dc2-search-form"> 
       <table width="100%"> 
        <tbody> 
         <tr> 
          <td> 
           <div class="search-form-label"> 
            <span id="StreetAddress_Label">Address</span> 
           </div><br> 
           <input style="height: 10px; width:80px" tabindex="0" 
           type="text" value=""> 
          </td> 
          <td> 
           <div class="search-form-label"> 
            <span id="Sales_Cycle_Label">Sales 
            Cycle</span> 
           </div><br> 
           <input style="height: 10px; width: 80px;" tabindex="0" type="text" value=""> 
          </td> 
         </tr> 
        </tbody> 
       </table> 

И следующий CSS

.dc2-search-form { 
overflow-x: scroll; 
} 
.dc2-search-form table {border-collapse:collapse;border-spacing:0;border:0} 
.dc2-search-form .search-form-label{font-size:13px;background-color:#BFBFBF;padding:10px 0 10px 1px; border-top:1px solid black;border-bottom:1px solid black;} 
.dc2-search-form table select,input{height:10px;font-size:10px;padding:2px;} 

Вот jsfiddle для справки

Это дает мне желаемый результат, кроме для небольшого битового пространства между ячейками таблицы. Мне нужно сделать span div выглядят как бесшовные одна строка с краем сверху и снизу, но я могу выполнить это из-за пространства.

Как удалить пространство между ними.

Answer 1

Применить без заполнения ваших ячеек таблицы:

.dc2-search-form table td{padding:0} 

JSFiddle

Answer 2

добавить cellspacing=0 cellpadding=0 к вашему table

update fiddle

<table width="100%" cellspacing=0 cellpadding=0>

Answer 3

Попробуйте установить CELLPADDING и CELLSPACING 0, как это:

<table cellpadding='0' cellspacing='0'> 
    ...stuff... 
</table>