浮动框的HTML布局帮助

创建这种HTML布局需要什么CSS:

+--[li]---------------------------------------------+
|+--[div]-------------------------------------++---+|
|| A label with some text, truncate if necess…||BOX||
|+--------------------------------------------++---+|
|+--[div]------------------------------------------+|
|| Another label, truncate if necessary            ||
|+-------------------------------------------------+|
+---------------------------------------------------+

• 外部 <li> 是固定宽度,与列表中的其他列表项一起向左浮动
• 盒子应该向右浮动,在上面 <div> ,只有两个字母
• 中没有任何文本 <DIV & GT; s应该换行,溢出应该隐藏
• 最好是在IE7怪癖模式下工作。

目前我有:

<li style="float: left; width: 175px; white-space: nowrap; overflow: hidden;">
  <div style="float: right;">XX</div>
  <div>A label with some text, truncate if necessary</div>
  <div>Another label, truncate if necessary</div>
</li>

但我不能让盒子停留在第一个标签上。