Граница исчезла со стола?

Question

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

HTML:

<table class="event">
  <tr>
    <td>Start Date</td>
    <td>2009-6-2</td>
  </tr>
  <tr>
    <td>End Date</td>
    <td>2009-6-8</td>
  </tr>
  <tr>
    <td>Location</td>
    <td>Vail</td>
  </tr>
</table>

CSS:

table.event
{
  border-collapse: collapse;
  border: 1px solid #000;
  width: 33%;
  height: 300px;
}

table.event td
{
  border: 1px solid #000;
  padding: 2px;
}

Вот как это выглядит на данный момент

http://img410.imageshack.us/img410/394/whatv.png http://img410.imageshack.us/img410/394/whatv.png

У кого-нибудь есть идеи, как я могу решить эту проблему?

Answer 1

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

Я открыл это в FF, Safari, Opera, Chrome, IE6-7 и 8 и не смог это повторить.

Даже с/без схлопывания границ я получаю те же результаты.

Answer 2

Только что решил проблему.Господи, я чувствую себя идиотом.Причина, по которой это произошло, заключалась в том, что в Firefox меня немного «уменьшили».Масштабирование избавило от одной из внутренних границ.

Спасибо всем за помощь. Именно идея Джейсона Хейна в конечном итоге привела меня к тому, что я это понял.

Answer 3

Этот код у меня отлично работает в Firefox и ie7.Вы меняете высоту с помощью javascript или чего-то еще, или только в редакторе?Однако вы можете попытаться избавиться от коллапса границ.