１）floatしたリストを中央寄せできない
通常はmargin:0 auto；またはtext-align:center；で中央寄せできるが、
これはwidthを記載しているときに可能だった。
floatでliを並べたulをどうしても中央寄せできないなと思ったら、インライン要素とかブロック要素とかそんなところがひっかかっていた。
解決方法としては、floatで並べずに、display：inilne-blockで並べるというもの！
参考：http://css-eblog.com/csstechnique/display-inlineblock.html
今まで気にしてなかったけど、inlineって、そういう意味があるんですね、、、。
勉強し直さなきゃ。
２）IE6でも透過PNG表示したい
これは以前から使っているjavascriptですが、いろいろあるので改めて。
参考：http://smkn.xsrv.jp/blog/2009/04/postscript_dd_belatedpng_js/
重複していろいろ使ってたけど、これ１つでなんとかなるかも。
３）画像の下に隙間ができる
これも前からしっていたから、vartical-alignを設定したのに、なぜかちっとも隙間がなくならない・・・？
なんでだろうと思ったら、img自体に設定しないといけなかったんですね。
ずっと親要素（h3とかpとか）に設定して悩んでいました。
参考：http://webtech-walker.com/archive/2007/03/01143619.html
よく理解して使わないといけないですね。。。
４）IEハック
参考：http://www.webcreatorbox.com/tech/css-hack-list/
いつもこのリストを参考にしています；；
参考サイトのみなさまありありがとうございます！！
助かりましたー。