Css 浮动元素下降到ie6/7中的下一行

在ie6和ie7中也有文本的容器中浮动div时，我似乎遇到了浮动问题

如果你看FF或ie8+中的星星评级，你会发现星星应该放在容器文本的左侧，实际评级是一个数字，但我尽了最大努力，我无法让它工作，它们只是从下面掉下来

我希望这是有意义的，我花了大约4个小时尝试不同的东西，将显示设置为内联块等，但没有效果。

这似乎有效

<div class="stars" style="width: 150px !important; float: right;">
<span class="starsAverage" style="float: left;">

---

好的，我知道了，伙计。请跟我来

1-首先我们移除浮动：左

DIV.rating .stars SPAN.starsAverage
{
float: left /*remove this*/
}

2-再次删除float:left并将display:block更改为display:inline

.ui-stars-star
{
float: left; /*remove this*/
display: inline; /*changed from display: block;*/
}

3-接下来我们将宽度从8px更改为18px，并为每个div添加zoom:1

<div class="ui-stars-star ui-stars-star-on" style="width: 18px; zoom:1">

5-现在我们改变宽度

DIV.rating
{
width: 260px;
}

DIV.rating .stars
{
width: 210 !important;
}

我们再次改变宽度

DIV.rating
{
width: 260px;
}

DIV.rating .stars
{
width: 210 !important;
}

哇。给你。所用时间：2小时31分钟。我会把账单寄给你

---

是的。你介意我把整件事重新编码吗？什么意思？不幸的是，我不能改变任何标记，所以它必须是一个纯CSS解决方案：好的。看看我的答案。在IE9中，div class=stars下面有10个空文本节点，而在IE7中，只有1.hmmm的节点似乎将平均值放在了星星旁边，这是很酷的，但它仍然下降了一行，但在上面的行上留下了一行。在IE7中，它对我来说很好。您是将IE9与IE8和IE7模式一起使用，还是单独使用它们。你是如何在IE6中测试的？我使用IE6使用IETester，本机运行ie8/firefox。ie9中的这个问题是另一个问题，因为它似乎只是显示单选按钮，所以我认为javascript在那里工作不正常。我已经更新了链接中的css，正如你所说的，那么这适合你吗？我基本上希望它看起来像，评级：3******所有在同一行请看看这个。为什么不同？IE9-IE7-