I get a strange syntax error in Firefox 3.0.10/Leopard when using the following html/css:
foo.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<link rel="stylesheet" href="foo.css"/>
</head>
<body>
Foo
</body>
</html>
foo.css:
div {
color: #FF0000;
}
and the error I get in the console is:
Error: syntax error
Source File: file://path/to/foo.css
Line: 1, Column: 1
Source Code:
div {
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.
Thanks.
The answer turned out to be “Turn off extensions (it was YSlow)” as suggested in the comments.