ボーダーはテーブルから消えた？

Question

何らかの理由で、いくつかのCSSでデフォルトの高さを変更するたびに、内枠の1つがテーブル上で消えます。

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（ちょうど推測）にperhapesがあるのだろうかと思っています。

私はこれをFF、Safari、Opera、Chrome、IE6-7および8で公開しましたが、それを複製できませんでした。

ボーダー崩壊の有無に関わらず、同じ結果が得られます。

Answer 2

そのコードは、firefoxとie7でうまく動作します。 javascriptなどで高さを変更していますか、エディタ内だけで高さを変更していますか？しかし、あなたは国境崩壊を取り除くことができます。

Answer 3

ただ問題を解決しました。まあ、私はばかだと思う。これが起こった理由は、私がFirefoxで少しズームアウトしたためです。スケーリングは内側の境界の1つを取り除いた。

助けを借りてくれてありがとう、それは最終的に私にそれを理解させるのはJason Heineのアイデアでした。