table の caption がぶっとんだ

ふとんがふっとんだー!みたいなかんじで。

表のコーディングをして CSS を書いていたら、caption に display: block; としてしまったかなんかで Firefox だけ妙な位置に表示されてびっくりしました。
通常は caption thead tbody となるところが、thead caption tbody と。

テキストだけの状態に画像が追加されて位置が指定されて、終わってみたらデザインファイルと同じ見た目になってる!というのがコーディングの楽しいところですが、途中でなんじゃこりゃー!となるのもたまにはいいかな。