<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
  <title>the div{display:list-item} number generation bug in WebKit nightly </title>

<style type="text/css">
div {
    padding-left: 2em;
    border: solid black 1px;
}

table {
    border: dashed black 1px;
}

table td {
    border: dotted black 1px;
}

.list {
    margin-left: 1.5em;
}
.listitem {
    list-style-type: decimal; 
    list-style-position: outside;
    display: list-item;
}

div div .listitem {
    list-style-type: lower-alpha; 
    list-style-position: outside;
    display: list-item;
}

</style>

</head>
<h2>A regular two level nested list</h2>
<p>The outer list is numbered using decimal numerals, the inner lists with lower case letters</p>
<div class="list">
    <div class="listitem">Item 1</div>
    <div class="listitem">Item 2
        <div class="listitem">Item a<br />Item a, Line 2</div>
        <div class="listitem">Item b</div>
        <div class="listitem">Item c</div>
        <div>Not a list item</div>
        <div class="listitem">Item d</div>
    </div>
    <div class="listitem">Item 3</div>
    <div>Not a list item
        <div class="listitem">Item a<br />Item a, Line 2</div>
        <div>Not a list item</div>
        <div class="listitem">Item b</div>
    </div>
    <div class="listitem">Item 4</div>
    <div class="listitem">Item 5
        <table class="listitem"><tr><td>Table Cell A1</td><td>Table Cell B1</td></table>
        <table class="listitem"><tr><td>Table 2 Cell A1</td><td>Table 2 Cell B1</td></table>
    </div>
    <div class="listitem">Item 6</div>
</div>
</html>
