IE7和IE8浮动左不起作用

Question

我有以下的小提琴：http://jsfiddle.net/VyXWp/1/

#wizard li { 
    display: inline; 
    min-width:100px; 
    float:left; 
} 

第二个div的宽度应基于文本的宽度来计算。

在IE7和IE8中已经搞砸了。

出于某种原因，'a'元素获取span2 div的宽度而不是文本。

---

编辑：

更多的挖掘后，我发现，问题并不宽，但浮动。如果我没有设置宽度，浮动不起作用。它不会将宽度限制为文本的宽度。

---

编辑2：

无法找到工作，不停的宽度自动，所以最后我计算与JavaScript的宽度任何纯CSS的解决方案。

Answer 1

无法找到工作的任何纯CSS解决方案，保持宽度自动，所以最后我计算旧的浏览器JavaScript的宽度。

Answer 2

的CSS宽度属性采用固定参数传递精确值时，但在百分比计，如果一个元件的宽度设置为50％或100％将需要宽度其父元素的百分是。

所以如果你有一个宽度为500px的div和内部宽度为50％的p标签，标签的宽度为250px，反之则为100％。

我短我的建议是，以确保父元素或者有固定的宽度或百分比

你可能也有所帮助 http://learnlayout.com/percent.html