TinyMCE: hidden textarea

[robertelo]

I try to setup tinyMCE on my web site.This is my settings: \[code\]<script type="text/javascript" src="http://stackoverflow.com/questions/15759258/extensions/tiny_mce/tiny_mce.js"></script><script type="text/javascript"> tinyMCE.init({ // General options mode : "exact", elements: "mceContent", language : "ru", theme : "advanced", forced_root_block : false, force_br_newlines : true, force_p_newlines : false, plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template", theme_advanced_buttons1 : "bold,italic,underline,strikethrough,formatselect,forecolor,backcolor,link,unlink,justifyleft,justifycenter,justifyright,bullist,numlist,|,pasteword,pastetext,table,image,|,undo,redo,|,code,fullscreen", theme_advanced_statusbar_location : "bottom", theme_advanced_resizing : true, height: 400, width: 680, skin : "o2k7", skin_variant : "blue", theme_advanced_toolbar_align : "left", relative_urls : false });</script>\[/code\]This is my html code:\[code\]<textarea class="span8" name="mceContent" id="mceContent" rows="15" style="width: 40em; height: 20em" > {$mceContent}</textarea>\[/code\]When I open this page text area is hidden. This is html code I see in browser:\[code\]<textarea class="span8" name="mceContent" id="mceContent" rows="15" style="width: 40em; height: 20em; visibility: hidden;"> </textarea> \[/code\]So, how can I solve this problem?