As3 htmlText problem

Question

I have a dynamic text box for 3 lines of text. I styled part of the text to be bold and part of it to be regular. When i click on the button to display the text it looks right the first time but if i click on it a second time then all of the text shows up bold instead of just the few lines i assigned the bold tag to. Has anyone else had this issue?

Answer 1

thanks kglad,
ok I embedded fonts and it's staying the way it should be but still can't figure out paragraph breaks and leading issue. Not even sure if the way i'm doing it is the best /most efficient way of creating this map?
here is all my code:
var alabama_btnInfo = "<b>John Smith<br>[phone]</b><br><font size=10>Northern Alabama</font><p><b>Mary Smith<br>[phone]</b><br><font size=10>Southern Alabama</font>";
var arizona_btnInfo= "<b>Your Name<br>[phone]</b><br><font size=10>Entire State of Arizona</font>"; and
alabama_btn.addEventListener(MouseEvent.CLICK, showInfo);
arizona_btn.addEventListener(MouseEvent.CLICK, showInfo);
function showInfo(evt:MouseEvent):void {
    stateInfo.htmlText = this[evt.currentTarget.name+"Info"];
and here is what the map looks like now with the spacing issues when i click on alabama-