Исчезновение границ ячеек таблицы CSS в браузерах на основе Gecko

У меня есть очень специфическая конструкция таблицы html, которая, похоже, обнаруживает ошибку геккона.

Вот дистиллированная версия проблемы. Обратите внимание на следующую таблицу в браузере на основе gecko (FF, например): (вам нужно скопировать и вставить это в новый файл)

<style>
table.example{
    border-collapse:collapse;
}
table.example td {
    border:1px solid red;
}
</style>
<table class="example">
    <thead>
        <tr>
            <th>1</th>
            <th>2</th>
            <th>3</th>          
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td rowspan="3">3</td>

        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>1</td>
            <td rowspan="2">2</td>      
        </tr>
        <tr>
            <td>1</td>
            <td>3</td>
        </tr>
    </tbody>
</table>

Над "3" в нижней правой ячейке отсутствует строка-просмотрите ее в любом другом браузере, и строка появится, как и ожидалось. Интересно, бросьте раздел thead таблицы и посмотрите, что мы получить:

<style>
table.example{
    border-collapse:collapse;
}
table.example td {
    border:1px solid red;
}
</style>
<table class="example">
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td rowspan="3">3</td>

        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>1</td>
            <td rowspan="2">2</td>      
        </tr>
        <tr>
            <td>1</td>
            <td>3</td>
        </tr>
    </tbody>
</table>

Делая это, вы заставляете его работать. Кто-нибудь видел это? Я полагаю, что сейчас я просто избавлюсь от своего раздела thead в качестве обходного пути, хотя это делает таблицу несколько менее доступной.