IE Inline styling with Jquery

I use jquery to create div instances with text inside. Then i use a color picker to color the text. then i add bold and so on. When i view the HTML In IE i see the following.

<div><font color="#ffffff"><b> text </b></font></div>

How can i force IE to use inilne styling rather then using html tags. I want the 开发者_如何学编程browser to parse all styling as inline like this.

<div style="color:#ffffff; font-weight:bold;>text</div>

---

If you use CKEditor you can control exactly how the styling should be done, look at the different output produced by the HTML, XHTML and Flash samples