Safari CSS styling problem

programming flash
1

Hi, I’ve managed to piece together a flash website with my limited as3 knowledge.

The text is loaded from external text files and styled with an external css file.

It’s working perfectly in Firefox and Explorer but it only works SOME of the time in Safari (on my mac).
It’s hit and miss. Sometimes it styles the text sometimes it doesn’t.

Does anyone have any ideas as to why? Your help would be really appreciated.

If you have Safari you will probably see the problem…here’s the site:
http://www.designstunt.com/reset/index.html

And here is the code I’m using (which I’ve basicly repeated on every page):

/////CREATE TEXT-FIELD/////
var myTxt:TextField = new TextField();
myTxt.border = false;
myTxt.width = 600;
myTxt.height = 100;
myTxt.x = 0;
myTxt.y = 0;
myTxt.multiline = true;
myTxt.wordWrap = true;
myTxt.selectable = false;

/////ADD TEXT-FIELD TO DISPLAY LIST/////
textHolder.addChild(myTxt);
myTxt.name="myTxt";

/////LOAD AND APPLY THE EXTERNAL CSS STYLESHEET TO THE TEXT-FIELD////
var cssUrl:URLRequest = new URLRequest("default.css");
var cssLoader:URLLoader = new URLLoader();
cssLoader.load(cssUrl);
cssLoader.addEventListener(Event.COMPLETE,cssLoaded);

function cssLoaded(event:Event):void {
var css:StyleSheet = new StyleSheet();
var cssa:StyleSheet = new StyleSheet();
css.parseCSS(URLLoader(event.target).data);
cssa.parseCSS(URLLoader(event.target).data);
myTxt.styleSheet = css;
}

//////LOAD THE TEXT AND PUT IT INTO THE TEXTFIELD/////
var loader:URLLoader = new URLLoader();
var request:URLRequest = new URLRequest("home.txt");
loader.load(request);
loader.addEventListener(Event.COMPLETE, loadcomplete);

function loadcomplete(event:Event) {
    // move loaded text to text field
    myTxt.htmlText = loader.data;
}

Thank you!

:beer2: