iOSで崩れない？画像の配置

KindlePreviewerとiBooksで共に画像を狙った横幅で表示するCSSを書いておきます。
→[追記]iOS版Kindleでは表示が崩れました(横幅が反映されない) と、いうことでKindleむけとiBooksではCSSを分ける方が無難のようです。少なくともfloatは使えません。横向きの画像は100%になっても大丈夫ですが、縦向きの画像はえらいことになるので、使わないか、前後に改ページを入れる作りにするぐらいしかなさそうです。

/*中央*/
div.hcPic {
    width: 80%;
    margin: 0 auto;
}
/*左フロート*/
div.fhlPic {
    width:50%;
    float:left;
    margin-right:5px;
}
/*右フロート*/
div.fhrPic {
    width:50%;
    float:right;
    margin-left:5px;
}
div.hcPic img,div.fhlPic img,div.fhrPic img {
    width:100%;
}

iBooksではimgがwidthを理解しないらしく、imageをdivで囲ってdivにwidth指定をします。iBooksは親要素をはみ出さないようにimgのサイズを調整します。
しかし、KindlePreviewerではimgのサイズを明示しないとdivからはみ出すので、imgにサイズ指定をしています。iOS向けのKindleでもうまくいく…はず(；´∀｀)ﾂｳｶｳﾏｸｲｯﾃｸﾚ