SBで画像の回り込み時にvertical-alignを指定際の動作が実機と異なるようです。
■vertical-alignを指定しない場合：
・実機→文字は上に揃う
・エミュレータ→文字は下に揃う
■vertical-align:topを指定した場合：
・実機→文字は上に揃ったまま
・エミュレータ→文字は上に揃う
■vertical-align:middleを指定した場合：
・実機→文字は上に揃ったまま
・エミュレータ→文字は上下中央に揃う
■vertical-align:bottomを指定した場合：
・実機→文字は上に揃ったまま
・エミュレータ→文字は上に揃う

下記XHTMLで820Pの実機とエミュレータで確認しました。

default:<br/>
<img src="http://k.yimg.jp/images/top/sp/clr/1/mh_my.gif" style="float:left;"/>あいうえお
<div style="clear:both;"></div><br/>

top:<br/>
<img src="http://k.yimg.jp/images/top/sp/clr/1/mh_my.gif" style="float:left;vertical-align:top;"/>あいうえお
<div style="clear:both;"></div><br/>

middle:<br/>
<img src="http://k.yimg.jp/images/top/sp/clr/1/mh_my.gif" style="float:left;vertical-align:middle;"/>あいうえお
<div style="clear:both;"></div><br/>

bottom:<br/>
<img src="http://k.yimg.jp/images/top/sp/clr/1/mh_my.gif" style="float:left;vertical-align:bottom;"/>あいうえお
<div style="clear:both;"></div><br/>

追記ですが、そもそもfloat:leftが効いていないようです。
820Pの実機ではstyle="float:left"でもalign="left"でも回り込みされますが、エミュレータではstyle="float:left"で回り込みがされません。
また、実機で見るとstyle="float:left"の時と、align="left"の時では画像と文字の間の隙間が異なるようです。

下記XHTMLで確認しました。

float:left:<br/>
<img src="http://k.yimg.jp/images/top/sp/clr/1/mh_my.gif" style="float:left;"/>あいうえおかきくけこさしすせそたちつてとなにぬねの
<div style="clear:both;"></div><br/>

align=left:<br/>
<img src="http://k.yimg.jp/images/top/sp/clr/1/mh_my.gif" align="left"/>あいうえおかきくけこさしすせそたちつてとなにぬねの
<div style="clear:both;"></div><br/>

float:left+align=left:<br/>
<img src="http://k.yimg.jp/images/top/sp/clr/1/mh_my.gif" style="float:left;" align="left"/>あいうえおかきくけこさしすせそたちつてとなにぬねの
<div style="clear:both;"></div><br/>

ご報告ありがとうございます。

SoftBank機でfloatは公式には未サポートなので無効にしていましたが、かなり広範囲で動作するようですね。
次リリースで修正いたします。

バージョン1.0.1.68で、SoftBank 3GC型でCSSのfloatとclearプロパティを有効にしました。

画像と文字の隙間に関しては現在機種別の情報が不足しているので、実機調査の後で反映したいと思います。

floatの件、確認いたしました。
ありがとうございます。