html5中的padding,HTML5 placeholder css padding

我已经看过这个

post已经尝试了一切，我可以改变填充我的占位符，但唉，似乎它只是不想合作。

无论如何，这里是css的代码。 (编辑：这是从sass生成的css)

#search {

margin-top: 1px;

display: inline;

float: left;

margin-left: 10px;

margin-right: 10px;

width: 220px;

}

#search form {

position: relative;

}

#search input {

padding: 0 10px 0 29px;

color: #555555;

border: none;

background: url('/images/bg_searchbar.png?1296191141') no-repeat;

width: 180px;

height: 29px;

overflow: hidden;

}

#search input:hover {

color: #00ccff;

background-position: 0px -32px;

}

这里是简单的html：

很简单？占位符由于某种原因关闭，但是当您尝试在输入字段中键入时，文本是对齐的。看来你只能改变占位符的颜色(对于webkit)，但是如果我尝试编辑包含输入的填充，它会破坏输入的设计！拉出头发

这里是占位符和具有文本输入的输入字段的屏幕：

编辑：

它的开箱即用，它修复了我的chrome的问题。我仍然想发现什么问题是(如果它有关于我的chrome或东西)

我相信这不是样式，因为约翰·卡特菲尔德复制它没有问题，所以我希望有人在那里仍然可以指向我的方向，为什么这是发生在我(我的客户的铬，所以，这可能是原生的Chrome / OSX如果约翰使用Windows)