[jQuery] loading css in the ready() function

[[EMAIL PROTECTED]]

Hi,

I want to load the flora css on the fly in the ready() function :

$(document).ready(function(){

 $("head").append('<link rel="stylesheet" href="http://dev.jquery.com/
view/tags/ui/latest/themes/flora/flora.all.css" type="text/css"
media="screen" title="Flora (Default)">');

  $("body").append('<div id="main" class="flora"></div>');
  $("#main").dialog();

});


When the dialog is created I get an exception in the jquery file in
the attr function : invalid argument.

At this line : elem[ name ] = value;  It's trying to assign NaNpx to
the attribute 'height'.

If I load the css directly by adding the link in the html page, it
works fine, but for reasons too long to explain I want to load it
dynamically.

Any idea what the problem could be ?

Thanks