[css-d] AbsoluteInRelative, usual remedies don't work

[Michael Boudreau]

Hi,

I've got a layout with an absolutely positioned <span> inside a  
relatively positioned <p> that works perfectly in every browser  
except IE (6 and 7b2). The usual approach to this problem--making  
sure the relatively positioned element has layout--doesn't seem to work.

Here's a sample:

div.example p.cite_N {
   margin-left: 3em;
   position: relative;
   text-indent: 1em;
}
.cite_N .label {
   position: absolute; left: -3em;
}

<div class="example">
   <p><span class="label">N:</span>Guy Cowlishaw and Robin Dunbar,
    <i>Primate Conservation Biology</i> (Chicago: University of
    Chicago Press, 2000), 104&#8211;7.
   </p>
</div>

And here's a page:  http://mss.uchicago.edu/MRB/citation_example.html

I tried this layout with a table, but the margins needed for hanging  
indents don't work inside table elements. I'm considering a <dl>  
instead, but I really prefer this simple paragraph-based markup. I'd  
be grateful for any advice.


Michael R. Boudreau
Senior Electronic Publishing Developer
The University of Chicago Press


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/