html - localhost:3000 の css レンダリングが Heroku でホストされているアプリと異なるのはなぜですか?

Question

ローカル (Rails サーバー) で実行されている localhost:3000 で 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