IE8 неправильно отображает изображение Raphaeljs внутри jquery-ui-dialog

Я создаю веб-страницу, которая открывает диалоговое окно jquery-ui с формой, заполненной некоторыми данными, поступающими из вызова AJAx. Одно из этих чисел используется для рисования прямоугольника, заполненного цветом Рафаэля. Порядок операций

1. аякс вызов
2. заполнить форму вызовами DOM
3. нарисовать фигуру Рафаэля
4. показать диалог jquery-ui

вот код:

function onSelect_manuale(feature) {
  if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp2=new XMLHttpRequest();
  }
  else{ // code for IE6, IE5
    xmlhttp2=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp2.onreadystatechange=function(){
    if (xmlhttp2.readyState==4 && xmlhttp2.status==200){
      obj = jQuery.parseJSON(xmlhttp2.responseText);

      document.getElementById("valMed").value = obj.valMed;
      disegnaBarraCampo(obj.valMed, 'raphaelImageDiv');
      $( "#dialog-manuale" ).dialog('open');

    }
  }
  xmlhttp2.open("GET","jGetData_manuale.php?id="+feature.data.idMisura,true);
  xmlhttp2.send();
}

и

function disegnaBarraCampo(field_value, target_field) {
  document.getElementById(target_field).innerHTML = '';
  var paper = Raphael(target_field, 300, 100);

  var barrettaVerde = paper.rect(field_value, 10, 100, 100, 4);
  barrettaVerde.attr({
    fill:'#00ff00',
    'stroke-width':0
  });
}

С Firefox или Chrome все работает отлично. IE8 неправильно отображает фигуру Рафаэля: он показывает прямоугольник без заливки цветом и с черной рамкой в ​​1 пиксель.

Тот же код Raphael правильно отображает фигуру в IE8, если я помещаю код за пределы диалогового окна, поэтому я думаю, что это своего рода проблема диалогового окна Raphael + query-ui.

Любой намек?

Благодарность

Альберто