在IE9中更改边框颜色崩溃布局

Question

我在IE9中有这种奇怪的行为，当我在用户输入（border-color或<input>）上更改:hover的{​​{1}}时，布局将会得到应声

我想要一个表单，其中标签位于左侧，带有:focus，如果标签较宽，则输入字段应该在下一行。这对我有用（虽然不是所有Firefox的小提琴，但在我的开发中，但这不是问题）

我在IE9中对它进行了测试，然后一些输入字段将通过鼠标悬停的min-height值跳转到右侧。

我把它分解了，如果我降低标签的边缘底部（这里从5px到4px），我就可以让它不开心，但错误不应该出现在第一位

如果我不改变边框颜色，我也可以没有错误。奇怪！

这是一个例子：
http://jsfiddle.net/HerrSerker/9ktvX/（在IE9中检查）

这是IE9中的已知错误吗？我应该写信给微软吗？

---

修改

我更新了小提琴 如果我通过jQuery更改border-color，则不会出现错误。

Answer 1

如果您将输入字段中的字体大小更改为px，则会修复它...由于自适应单位，似乎是错误的？ http://jsfiddle.net/9ktvX/3/

input {
    ...
    font-size: 13px;
    ...
}

Answer 2

尽量避免“浮动”属性。您可以使用display:inline-block;

获得相同的布局