div内にspanでフォントサイズ調整したものは
いままでline-hightがそのサイズのline-hightをもっていたが
html5に変えると
親のdivの持っているフォントサイズのline-hightをもつことになる。
そのため
divでくくってやるとよい
body 1.55 単位なしで指定
若干 メニューやリストの高さも違う？
後日調べた結果
http://gakublog.com/archives/667
まず
img {
vertical-align: bottom;
}
メニューのリスト等のサイズが変わる問題
これはアイコンフォントにフォントサイズが指定してあるから、
いままではアイコンフォントがはみ出していても無視されたが
今回は無視されない？
アイコンフォントを disoplay インラインblock にしてやるとよい ではなく
フォントサイズを指定しないか 100%にしてやること
あと FBのボタンがずれるので
.fb_iframe_widget > span {
vertical-align: baseline !important;
}