title: Firefox 3 syntax error with external css
body: <p>I get a strange syntax error in Firefox 3.0.10/Leopard when using the following html/css:</p>
  
  <p>foo.html:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd"&gt;
  
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;link rel="stylesheet" href="foo.css"/&gt;
  &lt;/head&gt;
  &lt;body&gt;
  Foo
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>foo.css:</p>
  
  <pre><code>div {
    color: #FF0000;
  }
  </code></pre>
  
  <p>and the error I get in the console is:</p>
  
  <pre><code>Error: syntax error
  Source File: file://path/to/foo.css
  Line: 1, Column: 1
  Source Code:
  div {
  </code></pre>
  
  <p>It's not the CSS, because pasting it into the body of an inline STYLE tag works fine.
  It's not the link tag, because pointing the HREF to stack overflow's css file doesn't give an error.
  Feels like a Firefox bug, but I can't find any documentation on it.
  Is this a known issue, and is there a workaround? It makes it hard to debug or validate.</p>
  
  <p>Thanks.</p>