[dmapr]

I searched but couldn't find anything on the subject, so forgive me if it has been asked before. I had the following HTML:

        <style>
            ul.circle {list-style-type:circle}
            ul.square {list-style-type:square}
            ol.decimal {list-style-type:decimal}
            ol.upper-roman {list-style-type:upper-roman}
            ol.lower-alpha {list-style-type:lower-alpha}
        </style>
.....
        <ul class="circle">
            <li>Bullet</li>
            <li>Another bullet</li>
            <li>
                Nested points
                <ul class="square">
                    <li>Point</li>
                    <li>Another point</li>
                </ul>
            </li>
        </ul>
        <ol class="decimal">
            <li>First item</li>
            <li>Second item</li>
            <li>
                More details
                <ol class="upper-roman">
                    <li>First detail</li>
                    <li>Second detail</li>
                </ol>
            </li>
            <li>
                A different angle
                <ol class="lower-alpha">
                    <li>First angle</li>
                    <li>Another angle</li>
                </ol>
            </li>
        </ol>

This displays a multi-level list with proper bullets and indentation. If I convert this HTML to EPUB using Calibre, those styles are redefined as follows:

circle {
    display: block;
    list-style-type: circle;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em
    }
.decimal {
    display: block;
    list-style-type: decimal;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em
    }
.lower-alpha {
    display: block;
    list-style-type: lower-alpha;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
    }
.square {
    display: block;
    list-style-type: square;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
    }
.upper-roman {
    display: block;
    list-style-type: upper-roman;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
    }

and leads to all indentation of nested items to disappear. Is there some way to preclude this from happening?