title: Ruby on Rails - images not loading on Firefox and Chrome but load correctly on Safari
body: <p>I have tried so many alternatives to fix this and now I am not sure what else to do. 
  I am using ruby 1.9.3p362 (2012-12-25 revision 38607) and Rails 3.2.8</p>
  
  <p>My homepage looks fine on Safari, but there are so many issues when I try loading it on Chrome or Firefox. <a href="http://www.thenewoutfitproject.com/" rel="nofollow">See the site here</a> I can only imagine the mess it is in IE. </p>
  
  <p>Update - Here are the issues: </p>
  
  <ol>
  <li>Some image don't appear</li>
  <li>The images that appear don't respond to their css class</li>
  <li>When I try to follow the address to the image (appaddress/assets/image_name.jgp) - I get  broken image link on Chrome and a "This image cannot be displayed because it contain errors" on Firefox. </li>
  </ol>
  
  <p>All these images however look pretty and well behaved on Safari. </p>
  
  <p>Here is the view file (relevant parts only):</p>
  
  <pre><code>&lt;div class="masthead"&gt;
  
          &lt;h1 align="center"&gt; &lt;%= image_tag "logoBW6.png", class: "header-image" %&gt;&lt;/h1&gt;
  &lt;/div&gt;
   &lt;div class="span6 image-overlay"&gt;
                 &lt;h3 align="center"&gt; 
             &lt;%= cl_image_tag(@blogs.first.image,  :transformation =&gt;[ 
              { :width =&gt; 650, :height =&gt; 615, :crop =&gt; :fill, 
               :gravity =&gt; :south}]) %&gt;&lt;/h3&gt;
         &lt;a href=&lt;%= blog_path(@blogs.first) %&gt;&gt;&lt;h2 align="left" class="overlay overlay-background"&gt;&lt;%= image_tag "empty_banner.png" %&gt;&lt;/h2&gt;&lt;h2 class="overlay text-overlay"&gt;&lt;%= @blogs.first.title%&gt;&lt;/h2&gt;&lt;/a&gt;
         &lt;br /&gt;&lt;%= @blogs.first.post.first(50) %&gt;...
        &lt;/div&gt;
      &lt;div class="span6 image-overlay"&gt;
                 &lt;h3 align="center"&gt; 
             &lt;%= cl_image_tag(@blogs.first(2)[1].image,  :transformation =&gt;[ 
              { :width =&gt; 650, :height =&gt; 615, :crop =&gt; :fill, 
               :gravity =&gt; :south}]) %&gt;&lt;/h3&gt;
         &lt;a href=&lt;%= blog_path(@blogs.first(2)[1]) %&gt;&gt;&lt;h2 align="left" class="overlay overlay-background"&gt;&lt;%= image_tag "empty_banner.png" %&gt;&lt;/h2&gt;&lt;h2 class="overlay text-overlay"&gt;&lt;%= @blogs.first(2)[1].title%&gt;&lt;/h2&gt;&lt;/a&gt;
         &lt;br /&gt;&lt;%= @blogs.first(2)[1].post.first(300) %&gt;...
        &lt;/div&gt;
   &lt;/div&gt;
      &lt;/div&gt;  
  </code></pre>
  
  <p>Application.rb:</p>
  
  <pre><code>require File.expand_path('../boot', __FILE__)
  
  require 'rails/all'
  require 'csv'
  
  if defined?(Bundler)
    # If you precompile assets before deploying to production, use this line
    Bundler.require(*Rails.groups(:assets =&gt; %w(development test)))
    # If you want your assets lazily compiled in production, use this line
    # Bundler.require(:default, :assets, Rails.env)
  end
  
  module Chic
    class Application &lt; Rails::Application
      config.encoding = "utf-8"
      config.filter_parameters += [:password]
      config.active_support.escape_html_entities_in_json = true
      config.active_record.whitelist_attributes = true
      config.assets.enabled = true
      config.assets.version = '1.0'
      config.assets.initialize_on_precompile = false
       config.assets.prefix = "/assets"
    end
  end
  </code></pre>
  
  <p>Production.rb</p>
  
  <pre><code>Chic::Application.configure do
    config.cache_classes = true
    config.consider_all_requests_local       = false
    config.action_controller.perform_caching = true
    config.serve_static_assets = true
    config.assets.compress = true
    config.assets.compile = true
    config.assets.digest = true
    config.i18n.fallbacks = true
    config.active_support.deprecation = :notify
    config.action_mailer.default_url_options = { host: "thenewoutfitproject.com" }
    config.action_mailer.raise_delivery_errors = true
    config.action_mailer.delivery_method = :ses
  
  end
  </code></pre>
  
  <p>Any suggestions would be greatly appreciated!!!</p>
  
  <p>Thanks!
  Sam</p>