Border passou de mesa?

Question

Por alguma razão, uma das fronteiras no interior desaparece na minha mesa sempre que eu alterar a altura padrão com alguns 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;
}

Aqui está o que actualmente parece

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

Alguém tem alguma idéia de como posso resolver este problema?

Answer 1

Se você levar o seu código e colocá-lo diretamente em uma página html em branco, ele funciona? Eu estou querendo saber se há algo fora causando isso, perhapes em um CSS diferente (apenas supondo).

Eu puxei esta aberto no FF, Safari, Opera, Chrome, IE6-7 e 8 e não poderia replicá-lo.

Mesmo com / sem o border-collapse i obter os mesmos resultados.

Answer 2

Apenas resolveu o problema. Eita, eu me sinto como um idiota. A razão isso estava acontecendo foi porque eu estava "zoom out" um pouco no Firefox. A escala se livrou de uma das fronteiras internas.

Obrigado a todos pela ajuda, Foi idéia de Jason Heine que, eventualmente, levar a me descobrir isso.

Answer 3

Esse código bem para mim funciona no Firefox e IE7. Você está mudando a altura com javascript ou qualquer outra coisa, ou apenas dentro do editor? No entanto, você pode tentar se livrar de border-collapse.