Operaで見るとテーブルから内容がはみ出す？

質問

ページのメニューに角丸テーブル処理を施してみたのですが、
IEではちゃんと表示されるのにOperaやFirefoxだと角の画像の下になぜかテーブルの要素がはみ出してしまってどうやってもとれません。
…口では説明しづらいので引用しているCSS共々アップしました。家の環境では再現されていました。
http://eload.run.buttobi.net/cgi-bin/img/e_259.zip
左側の灰色のメニューの下部が問題の箇所です。ご確認くださいm(_ _)m

不具合の元がお分かりの方はぜひご教示ください。お願いします。
昨日からいろいろ試しているのですが…よくわかりませんorz

回答No.1

harumanx

今の状態にプラスして
northeast.gifにはvertical-align: top;を
southeast.gifにはvertical-align: bottom;を
それぞれ指定してください。
これでどのブラウザでも期待通りに表示されます。

テーブルの中身がはみ出してしまうのは、
CSSの仕様で「画像の下部は行のベースラインに合わせる」とされているためです。
FirefoxとOperaはこの仕様に忠実なため、画像の下に
行のベースラインより下の部分が見えてしまうのです。
vertical-align: top;は画像の上部を行の上にくっつけて、
vertical-align: bottom;は画像の下部を行の下にくっつけるという意味になります。

お礼

ありがとうございます。
残念ながらその方法はもう試し済みで、効果がありませんでした。
不可思議なところです。
ちなみにDTDをTransitionalにすると解釈が変わってうまく表示されるんですが
……いまいち釈然としません。

あと、直接アップローダに飛べないみたいで、すみませんでした。
http://deaikei.biz/up/up/8180.zip.html　パスはgoo
こちらからお願いします。
いいアップローダがみつからない……