Editor and textarea not appearing in IE8 but working correctly in IE9, FF and Chrome

Hi,

I would like to use CKEditor (which really looks great) on an HTML form so I downloaded the latest version (3.6), created a textarea on my page (id="details") and initiated the editor via JS in the document ready function (see below). 

Everything looks and works as intended in IE9, FF and Chrome but in IE8 the whole editor and textarea do not appear at all. 
I found a couple of posts on this on Google but no proper solution. 
Is there a different way to initiate this in IE8 or another solution to this, maybe an alternative to the .replace function ?

My HTML:

<textarea rows="9" class="form-control" id="details" name="details"></textarea>

My JS:

CKEDITOR.replace('details', {
	toolbar : [
		{ name: 'clipboard', items : [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
		{ name: 'insert', items : [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar', 'Smiley' ] },
		{ name: 'links', items : [ 'Link', 'Unlink', 'Anchor' ] },
		'/',
		{ name: 'basicstyles', items : [ 'Bold', 'Italic', 'Underline', 'Strike', '-' , 'RemoveFormat' ] },
		{ name: 'colors', items : [ 'TextColor' ] },
		{ name: 'styles', items : [ 'FontSize' ] },
		{ name: 'paragraph', items : [ 'BulletedList', 'NumberedList', '-', 'Indent', 'Outdent' ] },
		{ name: 'tools', items : [ 'Maximize' ] }
	]
});

Many thanks for any help with this, Tim.