How can I make text-indent work similarly for both Explorer and Opera?

Dear People,

I am sure this is a stupid question. But. . . . my CSS text-indent style
looks very different in Internet Explorer 5 and Opera 5. Here is the style
sheet I am using.

<style type="text/css">
                   <!--
                   body{background-color: #FFFFEF;
                    }
                    h1{font-family: "Trebuchet MS", sans-serif;
                    font-weight: normal;
                    color: #500000;
                    text-align: center;
                    }

                    h2{
                    font-family: "Trebuchet MS", sans-serif;
                    font-style: italic;
                    text-align: center;
                    color: #006000;
                    font-weight: normal;

                    }
                    ol{margin-left: 17%;
                    font-size: small;
                    color: #000050;
                    line-height: 1.3em;
                    }
                    P {
                    font-family: "Trebuchet MS", Verdana, Arial, Helvetica,
sans-serif;
                    font-size: medium;
                    font-weight: normal;
                    color: #000000;
                    line-height: 1.3em;
                    text-indent: .5in;
                    margin-left: 15%;
                    margin-right: 15%;
                    letter-spacing: normal;
                    text-align: left;
                   }
                    div#note{font-family: "Trebuchet MS", Verdana, Arial,
Helvetica, sans-serif;
                    font-size: small;
                    text-indent: 2%;
                    margin-left: 14%;
                    width: auto;
                   ; font-style: normal; font-weight: normal; color:
#003333; text-align: left; margin-right: 15%; clip:
           }
                    div#by{font-family: "Trebuchet MS", Verdanna,
sans-serif;
                   text-align: center;
                   font-size: medium;
                   color: #700000;
                   }
                   div#author{
                    font-family: "Trebuchet MS", sans-serif;
                    font-style: italic;
                    font-size: large;
                    font-weight: normal;
                    color: #600000;
                    text-align: center;
                    background-color: #FFFFC0;
                    margin-left: 35%;
                    margin-right: 35%;
                    }
                   -->
                   </style>

So, the problem is that a text-indent specification that indents the first
line of a paragraph what really looks like a half of an inch in Explorer
will shift the the beginning of the line almost halfway across the paragraph
in Opera.

Can anyone tell me what I am doing wrong? Are there any adjustments I should
be making to the browsers to make them display text-indents more closely?

Thanks. Sincerely,
Michael Guadagnino

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA