横並び定義リストのIEバージョンごとの補正について

定義リストを横並びにするとIE6とIE7でdt ｄｌが微妙にずれる　paddingをとる箇所が違って行間が伸びるということがありました。

それを気合と目分量と屁理屈で一週間かかってなおしたので、忘れぬように書いておこうと思います。

同じCSSをつかっては以下のようにpaddingがclassではなく＜ｄｌ＞＜/ｄｌ＞ごとに適応されて間延びしてしまいます。

同じCSS

CSSにIE6とIE７の修正をいれた後

なおしたCSSは　IE６　７にはpaddingをｄｔ　ｄｄにいれて　横並びのずれをなおし　IE６にはmarginもくわえました。
他にHTMLもバナーを背景指定するのをやめて普通の画像タグに変えました。背景にするとIE８　FX Chromeは背景を読まずにpaddingを指定しますが,
IE6 7 は背景であってもバナーの下からを指定するので、この間隔もIE６　７でずいぶん広がってしまうための変更です。
目分量で　これくらいかなを何回も繰り返し　とにかく見た目なんとか並びました。

ネット検索ではIEは画像をｄｔ　ｄｄに入れるとずれるという記載があったのですがIE8では少なくとも大丈夫です。今回は上ぞろえに見えるようにしました。

SyntaxHighlighterがうまくつかえず申しわけない。ｂｒがはいってしまうので　うまくできるようになったらつたないｃｓｓをアップいたします。