令人烦恼的造型问题与ie7＆amp; 6

Question

在下一页：

http://dreamdeals.rnmtest.co.uk/

右侧的登录框在firefox，ie8，safari，chrome等中显示正常但在ie7＆amp; 6内容溢出。我已经尝试了一切，例如为输入设置高度，但无法正确。有人有任何想法吗？

Answer 1

我知道这个想法乍一看似乎与斩断你自己的武器一样有意义，但是：

• 在#whyjoin input上，而不是border: none，请尝试使用border: 0。

以下是您遇到的问题的参考：

• http://bitesizebugs.wordpress.com/2009/08/17/border-none-not-working-on-text-input-in-internet-explorer/

---

所以，尽管border: 0与border: none相同，但最好使用0，因为它更短并且可以避免此错误。

I should probably go post that here.

Answer 2

在我的IE 8（7兼容模式）中，它工作正常;但是试着像这样修改你的身高：

#whyjoin {
    background-image: url(../images/whyjoinback.jpg);
    background-repeat: no-repeat;
    padding: 30px 5px 0 5px;
    height: 70px; /* BG Image (100px) = 70px + 30px (padding) */
    margin-top: -55px;
    position: relative;
}

我建议您将#cardclip置于绝对值，以免污染#rightcol。