Проблема с пространственным пространством во вложенных таблицах

Question

Я пытаюсь устранить довольно простую страницу, в которой есть вложенная таблица, и по какой-то причине дает мне нежелательное горизонтальное пространство. Я удалил большую часть кода, пока все, что у меня осталось, - это таблицы, и пространство все еще существует.

<table> 
    <tr> 
     <td> 
      ‎<table> 
       <tr> 
        <td> 
         a 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

я могу получить вокруг этого, используя дивы, но мне интересно, если кто-то может объяснить мне, я чувствую, что я пропускаю что-то очень простое здесь.

jsfiddle - http://jsfiddle.net/jeo3ya9n/

Проверка DOM в IE показывает мне пустую строку между первым TD и таблицами, проверяющими в Chrome показывает мне:

" 
    ‎" 

на то же место. Удаление этих удаляет нежелательное пространство, но я не вижу, что вызывает их в коде.

Answer 1

Это один из многих компоновочных ошибок в IE, которые раздражают fix.Few предложения:

1) Установите объемлющую ячейку обивки-топ для 0em

2) Установите верхний край вложенной таблицы на 0em