cssで画像と文字の上下真ん中

ググっていたら、displayをtable-cellにしてvertical-alignをcenterにするやり方の記事を発見しました。
IE用にdisplayはinlineでhaslayoutをtrueにするためにzoom: 1;ハックで記述。

ここまでしてテーブルタグを使わないでやるのかと言うのもあるけど、
構造的には意味のないテーブルなるべく避けた方がいいのかな。

widthをしてした要素には左右のpaddingやborderをIE6の互換モードで指定しないほうがいいというのがありましたが、
標準モードだと問題ないのかな？内容に思うけど。

floatした要素にはfloatした方向にmarginを指定するとmargin値が二倍になると言うのもあるけど
これもいつまで対応すればいいのだろうか？

dt,dd横並びはdtにwidthを指定してfloatしその値と同じだけのmarginをddに指定する。
dtにはclearを忘れずに。