html - 为什么 localhost:3000 呈现 css 的方式与我在 Heroku 上托管的应用程序不同？

Question

在本地运行的 localhost:3000 中检查我的 GUI（rails 服务器）时，一切看起来都正确，但是当我将代码推送到 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