Warning: Periods in CSS Filenames can cause trouble in FireFox

WWF (the panda people not the spandex people) sent in their CSS and such and I’ve been working on their Templates this week. Although not specifically AA related, there was a problem with their naming convention.

In the templates we had referenced the following Stylesheets:

<link ... href="$rxs_navbase/_css/stylesheet.main.css" media="screen" />
<link ... href="$rxs_navbase/_css/stylesheet.home.css" media="screen" />

Which existed in the appropriate spot and the PubVariable was also resolving correctly. However, the page was not previewing correctly in Firefox (it looked fine in IE). To further confuse the matter, when viewing the static HTML file used to create the template in Firefox, the stylesheet was correctly applied.

After some head scratching I was able to track down the following error from FireFox:

Error: The stylesheet http://localhost:9992/Rhythmyx/web_resources/wwf/_css/stylesheet.home.css was not loaded because its MIME type, “application/octet-stream”, is not “text/css”.
Source File: http://localhost:9992/Rhythmyx/assembler/render?sys_revision=1&sys_siteid=305&sys_itemfilter=preview&sys_template=561&sys_contentid=704&sys_folderid=703&sys_context=0
Line: 0

Aftern looking at the MIME mappings unsuccessfully, I took a flyer and created copies of the CSS files and renamed them removing the ‘.’ after stylesheet (getting):

stylesheet_main.css
stylesheet_home.css

Once the velocity template was updated with the underscored filenames, the page previewed correctly.

Just an FYI. Hope this may save someone some trouble in the future.