鼠标悬停在搜索按钮上的奇怪行为

Question

我目前正在为朋友组建一个网站。

除搜索框外，它正常工作。

如果您可以在http://wordpress.alternet.com.au/看到，则会在窗口右上角显示一个搜索框。搜索图标/图像位于需要的位置。

我使用的是Chrome版本22.0.1229.94 m，当我将鼠标悬停在页面顶部的菜单项上时，搜索图标/图片会将其自身重新定位到搜索区域的左侧。

我无法弄清楚为什么会这样？

有什么想法吗？

Answer 1

使用此更新更新style.css中的类。 100％它全天工作=D

 form#searchform input[type="text"] {
       height: 28px;
 }
 form#searchform {
       position: absolute;
       right: 0;
 }

Answer 2

.............您好现在加入box-sizing input或focus就像这样

在this css

中添加 stylesheet

form#searchform input[type="text"], form#searchform input[type="text"]:focus{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

Answer 3

不是真正的答案，但是对于您的信息，这就是它在FireFox中的样子：