Frontera desaparecido de la mesa?

Question

Por alguna razón, uno de los bordes interiores desaparece en mi mesa cada vez que cambio la altura predeterminada con un poco de 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;
}

Esto es lo que se ve actualmente como

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

¿Alguien tiene alguna idea de cómo puedo solucionar este problema?

Answer 1

Si se toma su código y ponerlo directamente en una página HTML en blanco, ¿funciona? Me pregunto si hay algo que está fuera haciendo que, perhapes en un CSS diferente (sólo una suposición).

Saqué esta abierta en FF, Safari, Opera, Chrome, IE6-7 y 8 y no podía replicar.

Incluso con / sin el border-collapse i obtener los mismos resultados.

Answer 2

Sólo resuelto el problema. Por Dios, me siento como un idiota. La razón de esto ocurría era porque estaba "has alejado" un poco en Firefox. La escala se deshizo de uno de los bordes interiores.

Gracias a todos por la ayuda, que fue idea de Jason Heine que eventualmente conducen a mí para comprender.

Answer 3

Este código funciona bien para mí en Firefox e IE7. ¿Está cambiando la altura con javascript o algo más, o simplemente dentro del editor? Sin embargo, usted podría tratar de deshacerse de border-collapse.