Blogspot CSS head scratch

The css

.post div.footnote ol li, .post p.footnote ol li {
	font-size:x-small;
}

.footnote {
	font-size:x-small;
}

no class

<p>test</p>
<p><ol><li>test ordered list</li></ol></p>

test

1. test

paragraph class footnote

<p class="footnote">test</p>
<p class="footnote"><ol><li>test ordered list</li></ol></p>

test

1. test ordered list

div class div

<div class="footnote">test</div>
<div class="footnote"><ol><li>test ordered list</li></ol></div>

test

1. test ordered list

WTF? Tested in Mac Safari 3 and Firefox 2.