title: What is wrong with this <%= stylesheet_tag %>?
body: <p>This is what I have:</p>
  
  <pre><code> &lt;%= stylesheet_link_tag "application", "skeleton-v1.1", "flexslider-v1.8", "main-r7", "media-queries-r6", "sprites-r7", "theme-default-r6", font_path("http://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic"), :media =&gt; "all" %&gt;
  </code></pre>
  
  <p>I am trying to push to Heroku and this is the error I am getting:</p>
  
  <pre><code>Started GET "/" for XX.XXX.XX.XX at 2012-06-07 04:45:14 +0000
  2012-06-07T04:45:15+00:00 app[web.1]: 
  2012-06-07T04:45:15+00:00 app[web.1]: ActionView::Template::Error (Invalid CSS after "background:": expected pseudoclass or pseudoelement, was " -webkit-linear..."
  2012-06-07T04:45:15+00:00 app[web.1]:   (in /app/app/assets/stylesheets/application.css)):
  2012-06-07T04:45:15+00:00 app[web.1]:     15:   &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"&gt;
  2012-06-07T04:45:15+00:00 app[web.1]:     16:   &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;
  2012-06-07T04:45:15+00:00 app[web.1]:     17: 
  2012-06-07T04:45:15+00:00 app[web.1]:     18:     &lt;%= stylesheet_link_tag "application", "skeleton-v1.1", "flexslider-v1.8", "main-r7", "media-queries-r6", "sprites-r7", "theme-default-r6", "http://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic", :media =&gt; "all" %&gt;
  2012-06-07T04:45:15+00:00 app[web.1]:     19:     &lt;%= favicon_link_tag 'favicon.ico' %&gt;
  2012-06-07T04:45:15+00:00 app[web.1]:     20:     &lt;%= favicon_link_tag 'apple-touch-icon.png', :rel =&gt; 'apple-touch-icon', :type =&gt; 'image/png' %&gt;      
  2012-06-07T04:45:15+00:00 app[web.1]:     21:     &lt;%= favicon_link_tag 'apple-touch-icon-72x72.png', :rel =&gt; 'apple-touch-icon', :type =&gt; 'image/png', :sizes =&gt; '72x72' %&gt;     
  2012-06-07T04:45:15+00:00 app[web.1]:   app/views/layouts/application.html.erb:18:in `_app_views_layouts_application_html_erb__609869981572297479_34051980'
  </code></pre>
  
  <p>I even tried taking out the <code>font_path</code> helper and just including the URL alone, but that didn't work.</p>
  
  <p>Thoughts?</p>
  
  <p>P.S. I am pushing to a Cedar stack - if that matters.</p>
  
  <p><strong>Edit 1:</strong></p>
  
  <p>Application.CSS</p>
  
  <pre><code>/*
   *
   *= require_self
   *= require_tree .
  */
  </code></pre>
  
  <p><strong>Edit 2:</strong></p>
  
  <p>I found a few lines in my CSS that have <code>webkit-linear</code>...how do I make this work? I can comment them out in the short-term, but I need them working.</p>
  
  <p>Thoughts?</p>
  
  <pre><code>background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* Chrome10+,Safari5.1+ */
  </code></pre>