на jQuery.append () не работает в IE, Safari и Chrome

поэтому я использую функцию AJAX jQuery для чтения некоторого XML для меня, и это сработало просто отлично. Но теперь я пытаюсь манипулировать свойством отображения 4 различных динамически генерируемых divs, когда mouseup запускается из элементов опций. Размер и x/y divs определяются XML и анализируются.

моя проблема заключается в том, что эти divs либо не генерируются, либо просто не отображаются в IE, Safari и Chrome. В Firefox и Opera, они работают. Я используя jQuery .append () для создания divs, а затем.функция css () для управления ими. Глядя в инструментах разработчика Chrome, я вижу, что свойство css, изменяемое в скрипте, переопределяется свойством в таблице стилей. Какие-нибудь исправления?

Divs создан здесь:

    case "dynamic":
     var n = name;
     switch(portion){
      case "stub":
      $('.ticket').append("<div class='stubEditable' id='"+n+"' title='stub'></div>");
      break;
      case "body":
      $('.ticket').append("<div class='bodyEditable' id='"+n+"' title='body'></div>");
      break;
     }
    break;
    case "static":
     var n = name;
     switch(portion){
      case "stub":
      $('.ticket').append("<div class='stubEditable' id='"+n+"' title='stub'></div>");
      break;
      case "body":
      $('.ticket').append("<div class='bodyEditable' id='"+n+"' title='body'></div>");
      break;
     }
    break;

Mouseup функции, которые изменяют свойство отображения:

$('#StubTemplates').find('.ddindent').mouseup(function(){
    var tVal = $(this).val();
    var tTitle = $(this).attr('title');
    if(!stubActive){
     $('.stubEditable').css('display', 'none');
     $('#'+tVal).css('display', 'block');
     stubActive = true;
    }else{
     $('.stubEditable').css('display', 'none');
     $('#'+tVal).css('display', 'block');
     stubActive = false;
    }
   });
   $('#StubTemplates').find('#stubTempNone').mouseup(function(){
    $('.stubEditable').css('display', 'none');
   });
   $('#BodyTemplates').find('.ddindent').mouseup(function(){
    var tVal = $(this).val();
    var tTitle = $(this).attr('title');
    if(!bodyActive){
     $('.bodyEditable').css('display', 'none');
     $('#'+tVal).css('display', 'block');
     bodyActive = true;
    }else{
     $('.bodyEditable').css('display', 'none');
     $('#'+tVal).css('display', 'block');
     bodyActive = false;
    }
   });
   $('#BodyTemplates').find('#bodyTempNone').mouseup(function(){
    $('.bodyEditable').css('display', 'none');
   });