disserpring dynamic html text on reload

i have come across a strange problem

i have a html text box in a movie and have the following html text to color some of the text differently:

<font color="#0000FF">my name is </font><font color="#FF0000">kevin</font>
it colors "my name is" blue & "kevin" red

here is my AS:

this.onLoad = function() {
this.head.htmlText = '<font color="#0000FF">my name is </font><font color="#FF0000">kevin</font>';
};

you can view the swf here:
http://www.jamesmowbray.com/flash/headertest.swf
or the swf in a html page here:
http://www.jamesmowbray.com/flash/headertest.html
the problem happends when you reload the page or visit again the page twice, the text dissapers on the next visit just reload to see go! i have tested it on firefox and safari on the mac + firefox on the PC

but it seems to be fine in IE on the PC & MAC

as this i going to header on a html site people will be click back to pages and then they will presented with a blank header

it works fine if i test in flash but as soon as i look at it embedded in a html page it disappears.

but if you look at swf directly in the browser you can see the text.

i tough it might of been my html so i have used that html written by flash and it still doe it!

you take a look at fla here
http://www.jamesmowbray.com/flash/headertest.fla

i am useing MX 2004

try changing your code from

this.onLoad = function() {

to this

this.onEnterFrame = function() {

that fixed it! i would of tough that the act of reloading the page would trigger the onLoad

thanks thats been doing my head in