Default font, size and color not working in Chrome

I have a very basic setup for ckeditor which I inherited from my predisessor.  The div tag is set up dynamically based on user preferences for their font selections.  When the user clicks in the entry box of the editor the font values are used.  This works for IE, FF but not for Chrome.  Does anyone have any thoughts about how I can resolve this issue?  I have spent hours searching the forum for a solution without any luck.  

Thanks,  Rob

The following is the html code used in our page.

<TD>
<TEXTAREA NAME="M10" ID="M10" ROWS="18" COLS="60" >
<div style="font-family: comic sans ms, cursive; font-size: 24px; color: #008080;"><span style="font-family: comic sans ms, cursive; font-size: 24px; color: #008080;">&shy;</span>
</div>
</TEXTAREA>
<INPUT TYPE="HIDDEN" NAME="Nv" VALUE="End">
<INPUT TYPE="HIDDEN" NAME="M10click" ID="M10click" VALUE="">
<script type="text/javascript">
CKEDITOR.replace('M10',{
contentsCss : 'body {color:#000; background-color#:FFF;}'});
CKEDITOR.config.stylesSet = [];
CKEDITOR.config.extraPlugins = 'logo';
CKEDITOR.on('currentInstance', function(){mclick(); });
</script>
</TD>