Removing second-level lists in IE is unintuitive.

[Jakub Ś]

Create two level list or paste the following code:

<ol>
	<li>
		item1</li>
	<li>
		item2
		<ol>
			<li>
				item3</li>
			<li>
				item4</li>
			<li>
				item5</li>
		</ol>
	</li>
	<li>
		item6</li>
	<li>
		item7</li>
	<li>
		item8</li>
</ol>

Try to select 2-level list (item 3-5) and press delete or backspace. Result depends on IE version:

1. IE6 and IE7 - deleting whole second level list works if you select something like "empty space" behind item2 element. See ie67.png. If you don't select "empty space" behind item 2 there will be second-level empty list element left.
2. IE9 - there will always be second-level empty list element left.
3. IE8 - This is weird. If you select second-level list with empty space behind item2, than after pressing backspace you will get first-level empty list element. See ie8_empty.png. If you delete second-level list without this "empty space" than just see the ie8_without_empty.png, it will tell you more than my explanation :)

To remove empty element you have to place cursor behind item2 and press delete. In my opinion this is very unintuitive. Furthermore the described issue works perfectly in other browser. When you select second-level list you can delete it whole and nothing will be left.