I am trying to float sidenotes. Here is the example I'm working on. http://carneades.pomona.edu/rutter.html
(There is a background gif that marks off the desired line-height). Safari and (Mac) Opera do what I want: they put the sidenote on the same baseline as the note's marker in the text. Firefox and Camino do not do what I want: they push the sidenote down one line. I'm hoping for wise answers to the following questions: 1. Why this is happening? 2. What I can do to make all browsers do what I want? Thank you! Michael Green Here are what I think are the relevant style rules. The whole sheet is here: http://carneades.pomona.edu/css/styles.css p{ font-size: 1em; line-height: 1.5em; margin: 0; text-indent: 1em; /* need to hand IE a bottom margin; it doesn't know text-indent */ width: 34em; } .sidenote{ clear: right; float: right; font-size: 0.8333em; line-height: 1.8em; margin-right: -19.200768em; text-indent: -0.7em; width: 16.800672em; } ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
