こんにちは。

そうですね。floatをleftにしたら、もちろん文字も画像も左寄せになりますので、修正後、関連するCSSは直していかないと思います。

全体的に値の矛盾や空タグなどいくつかありそうですし、相互に関連してるCSSも多くあるので見直しておくことも必要だと思います。

その上でですが、floatした2つの要素がずれたり見えなくなるのは、WIDTHかFLOATが間違っているのが多いですが、こういう消え方をするのは、要素の前でFLOATしたものをうまくclearできていないか（←意外とこれが多かったり。。。）、このずれている要素自体が、その後の要素でCLEARできていない場合に多く見られますよ（＾＾）

ちなみに、W3CのCSS解析で、PRODUCTS.CSSだけで下記のエラーが出ています。全体で15のエラーのようです。
------------------
150 .item-box-photo img 次のプロパティが正しくありません : vertical-align center は vertical-align で利用できる値ではありません : center
189 div.listarea 次のプロパティが正しくありません : background 文法解析エラーが発生しました [empty string]
379 div#spec_area 次のプロパティが正しくありません : height repeat-bottom は height で利用できる値ではありません : repeat-bottom
390 div#spec_text 次のプロパティが正しくありません : height repeat-bottom は height で利用できる値ではありません : repeat-bottom
427 div.subarea h3 次のプロパティが正しくありません : background 文法解析エラーが発生しました [empty string]
482 div#customervoicearea li 次のプロパティが正しくありません : background 文法解析エラーが発生しました [empty string]
---------------------

すみません、個別に全部見てはいないので、中途半端な回答になってしまって・・・お役に立てるといいのですけど。