テーブルレイアウトをCSSレイアウトに

CSSレイアウト｜TopLine
先日の授業でCSSレイアウトに作り直したサイトです。
実際に作っていると、横一列に並ぶ画像のナビゲーションボタンがIEで見た時に階段状に崩れました。
原因は＜li＞ではなく＜a＞にfloat: left; を指定した為。
＜a＞にfloat: left;でもFirefoxでは問題なく横並びになったので、そのまま進めた結果、画像に入れ替えた時点で崩れてしまったようです。

横一列に並ぶボタンの使い分け

　テキスト　display: inline;
　画像　　　float: left;　※＜li＞に設定する