the source code is:
<input type="checkbox"/><div style="width:96%;display:-moz-inline-stack;display:inline-block;vertical-align:baseline;zoom:1;*display: inline;">AAAAAAAAA<span style="float:right;vertical-align:baseline">BBBBBBBBBBBBB</span></div></div></body></html>
add !DOCTYPE for HTML, in IE8 this issue solve :)-, but when I use compalibility view, that issue come back, any one know the reason?
IE 7 and 6 only apply the
display: inline-block; style to inline level elements. You'll need to find another way to get the effect you're looking for, or use conditional comments to fix the issue in IE 7 and lower.
I just fought with this myself. IE 7 and below don't properly support inline-block, but you can trick it into doing the same thing with display:inline (for IE 7 and below only) and giving it layout with zoom:1. Here's a full explanation. I would only suggest that you use conditional comments instead of IE's CSS bugs for specifying different browsers.
This page is also good for checking out how inline-block will display.
Hope that helps!