I've been banging my head against the wall all weekend trying to figure out why a morph-by-class I have wasn't working. To cut to the chase, it appears that if the CSS that Fx.Morph needs is referenced in a css file that's pulled in to another CSS file via @import, the morph fails. That might not be totally clear, so here's the example:
http://jsfiddle.net/AFrBF/ Totally straightforward, right? So now try this: put the CSS from the fiddle in an external .css file which you then reference in the HTML file, and run the morph. That works. But now put the CSS in a .css file that's referenced by the css file that's included by the HTML file. To be concrete, your HTML file says this: <link type="text/css" href="main.css" /> ...and "main.css" says this: @import url("morph.css"); ...and "morph.css" has all the css instructions contained in the JS Fiddle. You'll find that the "other div" is properly laid out, which means the browser can pick up the CSS, but the morph just...does nothing. What's going on? What am I missing?
