HTML5 placeholder css padding

无论如何，这里是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：

<div id="search">
  <form>
    <input type="text" value="" placeholder="Search..." name="q" autocomplete="off" class="">
  </form>
  <div id="jquery-live-search" style="display: block; position: absolute; top: 15px; width: 219px;">
    <ul id="search-results" class="dropdown">
    </ul>
  </div>
</div>

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

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

编辑：

现在我已经诉诸于这个jquery plugin。

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

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