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

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

Вот дистиллированная версия проблемы. Обратите внимание на следующую таблицу в браузере на основе 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 в качестве временного решения, хотя это сделает таблицу менее доступной.