Your server is sending text/html for the XML content type. As a
consequence, I think that it's throwing IE into Quirks Mode rather
than Standards Compliant mode. 

In quirks mode, IE's CSS box-model handling (which affects widths and
so on) is badly broken. So this may reduce to a CSS problem (or you
could try to set <xsl:output method="xml />). 

Does it work if you set the CSS like this?

div.intro {
    width: 95%;
}

Part of your problem as well is you've defined that with 100% width
*and* the #contentleft DIV with an absolute width of145px. You might
want to take a look tutorials such as the Skidoo demo for getting
fixed-width and variable-width columns to 'play nice' (it's XHTML
compliant)

http://webhost.bridgew.edu/etribou/layouts/skidoo/demos/fluid_width.html

Cheers - Neil

On Mon, 28 Feb 2005 22:09:03 -0800, Beckfield
<Beckfield@d...> wrote:

>I have a photo gallery website, and I'm having some difficulty getting IE to 
>display a paragraph of text properly.  It works well in Firefox 1.0, and I 
>think my structure is valid.  But, where Firefox properly wraps the text, 
>Internet Explorer 6 refuses to wrap it at all.  I'm at the point of wondering 
>if IE has a problem in this area, or if I've missed something basic.
>
>My xml file has the following:
>
><?xml version="1.0"?>
><?xml-stylesheet type="text/xsl" href="../photos.xsl"?>
><photos>
>    <selected code="Japanese Garden" />
>    <image>
>        <intro>
>            The <a href="http://www.japanesegarden.com/" title="Japanese 
>Garden site">Japanese Garden</a> in Portland is operated by
>            the Japanese Garden Society of Oregon, a non-profit concern.
>            If you are in the Portland area, I highly recommend a visit.
>            It is a beautiful, peaceful place.
>        </intro>
>        <image_ID>intro</image_ID>
>    </image>
>
>    <image>
>        <description>See what I mean?</description>
>        <image_ID>JG_0030</image_ID>
>        <category>japanese gardens</category>
>        <filename>jgardens30.jpg</filename>
>        <thumbnail>jgrdntn30.jpg</thumbnail>
>        <contest>
>            <nameyear></nameyear>
>            <award code=""></award>
>            <ribbon></ribbon>
>        </contest>
>    </image>
></photos>
>
>The relevant sections of the xsl file:
>
><!--***** IMAGE VIEWER *****-->
>
>            <div id="contentright">
>                <xsl:for-each select="photos/image">
>                    <xsl:choose>
>                        <xsl:when test="image_ID='intro'" >
>                            <div 
>style="text-align:center;padding-left:20%;width:60%;">
>                                <div id="image{image_ID}">
>                                    <h5>Click a small image to the left to 
>see a larger image here.</h5>
>                                    <p style="display:block;text-align:left;">
>                                        <xsl:apply-templates select="intro" />
>                                    </p>
>                                </div>
>                            </div>
>                        </xsl:when>
>                    </xsl:choose>
>                </xsl:for-each>
>            </div>
>
>and the templates for "intro" and "a":
>
><xsl:template match="intro">
>    <div class="intro"><xsl:apply-templates /></div>
></xsl:template>
>
><xsl:template match="a">
>  <xsl:copy-of select="."/>
></xsl:template>
>
>The relevant CSS items:
>
>div.intro {
>    display: block;
>    width: 100%;
>    margin-top: 120px;
>    padding-left: 0;
>    font-size: medium;
>    text-align: left;
>    color: #FFF;
>}
>
>div.intro:first-letter {
>    font-weight: 900;
>    font-size: 150%;
>}
>
>To see the page in action, go here: 
>http://www.kendietz.com/jgarden/japanesegarden.xml
>As always, any help will be appreciated.