Css quirks with external text

1

I have a dynamic textbox loading external text and a style sheet. Here is the code and the link to an example of the quirk. When you mouse over the href link the text shifts to the right and the image moves down when you click on it. Anybody know why this is happening?

Thanks for any help.

http://www.ashtonbrier.com/txt/links2.html

code:

//creating textbox
var ex_txt:TextField = new TextField();
addChild(ex_txt);

//loading external stylesheet
var css_req:URLRequest= new URLRequest(“flashstyle.css”);
var css_loader:URLLoader = new URLLoader();
css_loader.addEventListener(Event.COMPLETE, load_css);
css_loader.load(css_req);

//loading external html
var url:String = “links.html”;
var txt_load:URLLoader = new URLLoader();
txt_load.load(new URLRequest(url));
txt_load.addEventListener(Event.COMPLETE, textready)

//Text box properties
ex_txt.x= 20;
ex_txt.y= 50;
ex_txt.border= false;
ex_txt.width= 235;
ex_txt.height= 375;
ex_txt.wordWrap= true;
ex_txt.multiline= true;
ex_txt.selectable= false;

function load_css(event:Event):void
{
var style:StyleSheet = new StyleSheet();
style.parseCSS(css_loader.data);
ex_txt.styleSheet = style;
}

function textready(event:Event):void
{

ex_txt.htmlText = event.target.data as String;

}