[0] This is not yet the styling problem, but xpath problem.
>
<xsl:value-of select="page/@title" />
[tt]<xsl:value-of select="[red]@title[/red]" />[/tt]
[1] Then you have major styling problem. The problem is that you've used position: fixed on two counts, on selectors #spreadbox and #bottom. This is the major headache for ie version less than ie7 or ie7 below beta 2.
[2] If the page fills the viewport and does not need verticle scroll, you may try to experiment the effect on changing position: fixed to position: absolute. But the effect would not be very consisitent when screen size is smaller or change... in all browsers including ff etc. Hence, I fear this won't be very satisfactory.
[2.1] You may elect not to support any longer ie below version 7 beta 2 as an escape.
[2.2] You may elect to use some more elaborate hack using javascript..., you can ask html/xhtml/css forum for detailed help on this particular position: fixed issue:
[2.3] Whatever you decide to do, you may need to output doctype to make styling consistent. For instance, if xhtml1-transistional is good enough, you've to change the output element like this.
[tt]
<xsl
utput method="html" indent="yes"
[blue]omit-xml-declaration="yes"
doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"
doctype-system="[ignore]
[/ignore]"[/blue]
/>[/tt]
