floats and divs in CKeditor

Hi,

I am using ckeditor nightly from August 3rd 2009 and am having problems with the wysiwyg part of the editor. The person who designed our website used divs and float:right to make columns on the page. When I edit the page though, everything runs together in one column.

I think I've added the stylesheets to config.js correctly, but maybe not:

CKEDITOR.editorConfig = function( config )
{
        // Define changes to default configuration here. For example:
        // config.language = 'fr';
        // config.skin = 'office2003';
        var myCSS = new Array();
        myCSS[0] = "/col_header.css";
        myCSS[1] = "/col_secondary.css";
        config.EditorAreaCSS = myCSS;
};

The css code is this:

#cms #right-col #photo-holder {
        float:right;
        width: 312px;
        background: #FFFFFF;
        border: 1px solid #c5c5c5;
}

Is there any way to get this to work or am I just running up against the limitations of the textarea element?

Thanks!