문제는 IE8에서 JQuery의 fadeIn과 fadeOut을 적용하면 작용 객체는 정상적으로 나오는데 하위객체에 CSS 'position'을 주면 효과가 나타나지 않더라구요. 그냥 아무 효과를 주지 않은 것처럼 말이죠. 이상하게도 하위객체에 CSS 'position'을 삭제하면 되구요. 참 난감하네요. 구글크롬, 파이어폭스, IE7에서는 잘 작동하는데 말이죠.
예들들어 <ul> <li><a href="#test">테스트</a></li> </ul> 에서 jQuery('li').fadeIn()을 한 경우 'a'태그에 'position'을 주면 아무 효과가 나타나지 않아요.
relative로 줘보셨나요?
이런저런도 안되시면 fadeIn을 show('normal'), hide('normal')로 하시거나 fadeIn을 하기전에 css를 변경해보세요.
jQuery('li').css("position","static");
jQuery('li').fadeIn()