overlay를 위한 div 스타일

이전에는 오버레이를 주기 위해서 scrollTop이니 clientWidth니 해서 브라우저 크기를 구해서 width, height를 px로 주었는데.. 참 멍청한 짓이었다. 100% 100%를 주면 간단히 해결이 되느니... 단 IE6는 fixed문제처럼 다르게 처리해 주어야 한다.

/* IE7,8 */
.assesOverlay {
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 filter: alpha(opacity = 30);
 -moz-opacity: 0.3;
 -khtml-opacity: 0.3;
 opacity: 0.3;
 background-color: gray;
 z-index: 100;
 position: fixed;
}

/* IE6 */
body{
    height: 100%;
}
* html .assesOverlay {
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round (0 * (document.documentElement.offsetHeight || document.body.clientHeight)/ 100 ) + 'px');
 left: 0px;
 width: 100%;
 filter: alpha(opacity = 30);
 -moz-opacity: 0.3;
 -khtml-opacity: 0.3;
 opacity: 0.3;
 background-color: gray;
 z-index: 100;
 position: absolute;
}