The CSS definition is invalid under loose. DTD and xhtml1-transitional.dtd:
Body {
SCROLLBAR-FACE-COLOR: # f2f2f2;
SCROLLBAR-HIGHLIGHT-COLOR: # ffffff;
SCROLLBAR-SHADOW-COLOR: #999999;
SCROLLBAR-3DLIGHT-COLOR: #999999;
SCROLLBAR-ARROW-COLOR: #999999;
SCROLLBAR-TRACK-COLOR: # ff0000;
SCROLLBAR-DARKSHADOW-COLOR: # ffffff;
Overflow-Y: hidden
}
The solution is
HTML, body {
SCROLLBAR-FACE-COLOR: # f2f2f2;
SCROLLBAR-HIGHLIGHT-COLOR: # ffffff;
SCROLLBAR-SHADOW-COLOR: #999999;
SCROLLBAR-3DLIGHT-COLOR: #999999;
SCROLLBAR-ARROW-COLOR: #999999;
SCROLLBAR-TRACK-COLOR: # ff0000;
SCROLLBAR-DARKSHADOW-COLOR: # ffffff;
Overflow-Y: hidden
}
The new document type definition model uses HTML elements as containers.
Similarly
The result of document. Body. scrollheight is 0.
A new method is required:
VaR eleheight
If(document.doc umentelement)
Eleheight = document.doc umentelement. scrollheight
Else
Eleheight = Document. Body. scrollheight