Any suggestions are appreciated!
note that some browswers don't support transparency in png files well.
This never fails to work for me. I wonder if you neglected to tick the Transparency check box in the SFW dialog.
You don't need to flatten and copy/paste, you can just use the Circle and Type as is; or fill the circle first if that's what you want.