Stylesheet link being replaced with old css

Hello,

I recently transferred a site from a local server to a live server, everything seemed to be working fine until I made a small change (I added a wp_list_categories() to my archive templates and updated the stylesheet with the new div id’s. When I first load the page with Firefox 11.0 the new styles don’t appear and if I use Firebug to inspect the element, it says the element has no style rules. But if I reload the page 1-2 times, it will show the appropriate styling. This does not happen in IE.

Looking at the source code of the page, I noticed the link to the stylesheet is replaced by:

<!-- FN_REPLACE -->
<style type="text/css" media="all">
/* <![CDATA[ */<!--
...
Styles are here...
...
-->/* ]]> */
</style>

And the styles within the CDATA are only those that were present during the initial upload, none of the new styles are present. But once I reload the page a couple times, the FN_REPLACE code is gone and the appropriate link to the stylesheet has returned and everything works fine.

Things I’ve tried…

• Clearing my cache
• Restarting Firefox and my computer
• Deactivating all my plugins
• Doing a markup validation to see if there was anything odd
• Opening the site on my other computer that had never seen the new site (problem still exists)

Nothing worked. And again, this only occurs in Firefox, IE 7, 8 and 9 work fine.

If you want to see the full problem, see http://www.sweetnsimpledesserts.com/section/baked-goods/, if you’re using FF you should see the category list on the right with no styling.

If anybody has any ideas I would be highly appreciative.

Thank you,
Eric