ie6가 지랄같다더니 정말이다.ㅜ.ㅠ
레이어의 fixed가 안되는 현상을 해결해 보자.
ie7,8에서 보면 정상적으로 나오지만 ie6에서는 relative로 붙는다.
이럴때는 다음과 같이 스타일을 두번 정의해 주어야 한다.

/** IE7,8 */

.loading {
 z-index: 200;
 display:block;
 top: 0px;
 left: 0px;
 width: 190px;
 height: 50px;
 position: fixed;
 font-size: 11pt;
 font-weight: bold;
 text-align: left;
 background-color: #FFF0F5;
 border: 1px solid #FFBCB9;
}

/** IE6 */
* html .loading {
 z-index: 200;
 display:block;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
 left: 0px;
 width: 190px;
 height: 50px;
 position: absolute;
 font-size: 11pt;
 font-weight: bold;
 text-align: left;
 background-color: #FFF0F5;
 border: 1px solid #FFBCB9;
}

위의 expression은 자바스크립트 문법 같은데 잘 모르겠다...
아무튼 잘 된다. (인터넷상에 떠도는 fixed.js라던지 ... 뭐 이상한 핵이라던지 필요없고... 요거 한방이면 된다. jqModal 의 css에 정의되어 있는 소스!!)
AND