为什么localhost：3000渲染css与我在Heroku上托管的应用程序不同？

Question

当我在localhost：3000运行本地（rails服务器）时检查我的GUI时，一切看起来都是正确的，但是当我将代码推送到Github然后再推送到Heroku时，CSS似乎呈现出不同的呈现方式。具体来说，我遇到的问题是这个css：

#searchfield {
    float: left;
    left: 10%;
    top: 1em;
    position:relative;
}

和视图中的代码：

<div id="searchfield">
    <form method="get" action="http://www.amongu.com/search.rb"> 
        <input type="text" name="search" size="40px" placeholder="Search"> 
    </form>
</div>

无论出于何种原因，网页中的css似乎被部分忽略，因此搜索框与其他元素重叠。有谁知道造成这种情况的原因是什么？

由于

编辑：这是我的布局助手：

# These helper methods can be called in your template to set variables to be used in the layout
# This module should be included in all views globally,
# to do so you may need to add this line to your ApplicationController
#   helper :layout
module LayoutHelper
  def title(page_title, show_title = true)
    content_for(:title) { h(page_title.to_s) }
    @show_title = show_title
  end

  def show_title?
    @show_title
  end

  def stylesheet(*args)
    content_for(:head) { stylesheet_link_tag(*args) }
  end

  def javascript(*args)
    content_for(:head) { javascript_include_tag(*args) }
  end

end