ie position relative bug

Question

Следующий код работает в firefox и chrome, но в том, что div, который я пытаюсь создать в определенном месте, вообще не отображается. Он работает одинаково во всех трех браузерах, когда позиция абсолютная, но мне нужно положение, чтобы быть относительным здесь. Кто-нибудь знает проблему?

$('#main-chat').addClass('shrink').attr('id', '').appendTo('#other-chats' + otherChats). 
    css({ 
     'height':'100%', 
     'width':'100%', 
     'position':'relative', 
     'left': '-30px' 
    }); 

Answer 1

Когда вы позиционируете div абсолютно, он не будет принимать во внимание относительные divs рядом с ним. Если вы используете относительный, убедитесь, что вы закрываете любые оставленные теги div, которые должны быть закрыты. IE имеет более строгий подход к html.