[Help!]There is a problem that load the css in iframe

[q569608465]

I have a tip module that is defined as this:

// tip.js
define(['jquery','css!./tips'],function ($) {
})

In the above module, I use the require-css plugin (version: 0.1.8), load tips.css that is in the same directory.

Then I define a base module that requires the tip module:

// base.js
define(['module','jquery','avalon', 'ui/tips'], function (module, $, avalon, bootstrap, tips){
});

and the web page has a iframe which will load a sub page, the sub page has a main module that requires the base module:

define(['jquery', 'base', function ($, Base){
$(function() { // sub page initialization script })
});

When the iframe start loading the sub page，the sub page has been waiting for the state, and
the Initialization script in sub page has not been executed!

But When I removed the 'css!./tips' dependency in tip.js , that is ：

// removed the 'css!./tips' dependency
define(['jquery'],function ($) {
})

the initialization script can be executed when the iframe loaded the sub page.

The above problem appears in IE8 , IE9 and above are not.

I've been investigating the two days, is there someone who can help me look at this problem?