Почему между двумя одинаково стилизованными элементами существует непоследовательный интервал и как я могу сделать их согласованными?

Question

http://bit.ly/jEiZ2Z

Если вы нажмете «7» и «8», вы выберете дату приезда и окончания.

Вертикальный интервал (пробел / граница) не согласуется с этим:

http://bit.ly/lem5aI

Я имею в виду нижнюю белую "границу":

Это на пиксель или два. Я хочу, чтобы это выглядело как первая ссылка.

В последней ссылке вам нужно нажать на любое из текстовых полей в консоли (например, прибытие, отправление), чтобы отобразился календарь.

Стилистически это выглядит точно так же, включая стили внешних родителей и т. Д. Я почти уверен, что это что-то непоследовательно наследуется, или, возможно, это пробел буквально в HTML. (У меня был длинный 20+ день, поэтому мои глаза не свежие).

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

Кроме того, в IE он выглядит намного лучше (более 1 пикселя).

Answer 1

Кажется, проблема вызвана этим, внутри layout.css:

div#content table td,
div#content table th { vertical-align: top; }

Тестирование с Chrome 12, если я отключаю его на одном из ваших <td day="44" ..> элементов, оно исправлено.

У вашей "рабочей" страницы нет этого CSS.