HTML дважды щелкает по Selection Oddity

Я не отправил это на DocType, потому что это не действительно a design вещь, визуальное представление не является моей проблемой, поведение. Я сожалею, если это неуместно, но я не чувствую, что это - проблема разработчика.

Следующий DOM:

<ul style="overflow: hidden;">
   <li style="float: left;"><strong>SKU:</strong>123123</li>
   <li style="float: left;"><strong>ILC:</strong>asdasdasdasd</li>
</ul>

Или

<div style="overflow: hidden;">
   <div style="float: left; width: 49%"><strong>SKU:</strong>123123</div>
   <div style="margin-left: 50%; width: auto;"><strong>ILC:</strong>asdasdasdasd</div>
</div>

Или

<p>
   <span><strong>SKU:</strong>123123</span>
   <span><strong>ILC:</strong>asdasdasdasd</span>
</p>

Все представляют меня нечетная проблема в

• IE 6
• IE 7
• Firefox 3.x
• Chrome

Но не в

• IE 8

Когда Вы дважды щелкаете '123123' после 'SKU': это выбирает '123123' И 'ILC': от следующего dom элемента.

Возьмите любой текст на этой странице (здесь в ТАК), дважды щелкают по слову, это только выбирает ТОТ WORD, даже посреди абзаца. Эти примеры имеют dom элементы, закрывающие их, любой знает, почему это происходит.

Мои коллеги используют механизм 'двойного щелчка' для выбора идентификатора соответствующего продукта, чтобы сделать их задание, и этот dosen't имеет смысл мне что soever.