Как я могу остановить Chrome / IE от центрирующего стола Row

Question

У меня есть макет таблицы (см. Ниже), который имеет 2 строки, а вторая строка содержит таблицу:

<table id="outer">
  <tr>..</tr>
  <tr>
    <td>
      <table id="inner">..</table>
    </td>
  </tr>
</table>

CSS устанавливает для внешней таблицы высоту: 100%.Внутренняя таблица устанавливает высоту: 100%.

Проблема:

Если A) первая строка внешней таблицы пуста и B) содержимое внутренней таблицы минимально, она выравнивает по вертикали внутреннюю таблицу(или второй ряд внешней таблицы) на странице, несмотря на то, что у меня есть высота 100% для внутренней таблицы.

ПРИМЕЧАНИЕ.это так, как я ожидаю, так что если первая строка внешней таблицы пуста, внутренняя таблица (или вторая строка внешней таблицы) будет выровнена по вертикали сверху.

Я пробовал использовать вертикальное выравнивание: верх по-разному безрезультатно.

Есть предложения?

Браузеры IE 7/8 Chrome 17.00,963

Answer 1

Кажется, проблема в той части вашего кода, которую вы нам не показали.Как вы увидите из jsfiddle , у Chrome и Firefox нет проблем с отображением таблицы со свернутой первой строкой, что означает, что у вас есть другая строка CSS, которая влияет на эту таблицу (возможно, из-за сброса CSS).).