Почему пули моего элемента списка перекрывают плавающие элементы

У меня есть страница (XHTML Strict), где я размещаю изображение рядом с обычными абзацами текста. Все идет хорошо, кроме случаев, когда список используется вместо абзацев. Пули списка перекрывают плавающее изображение.

Изменение поля списка или элементов списка не помогает. Поле рассчитывается слева от страницы, но плавающий элемент толкает элементы списка вправо.inside li сам. Таким образом, поле помогает, только если я сделаю его шире, чем изображение.

Плавание списка рядом с изображением также работает, но я не знаю, когда список находится рядом с плавающей точкой. Я не хочу размещать каждый список в моем контенте только для того, чтобы это исправить. Кроме того, плавающий влево портит макет, когда изображение плаваетto the right вместо левой части списка.

настройкаli { list-style-position: inside } действительно перемещает маркеры вместе с содержимым, но это также приводит к тому, что переносимые строки начинают выравниваться по маркеру, а не по линии выше.

Проблема, очевидно, вызвана тем, что пуля выводится за пределы коробки, а поплавок толкает содержимое коробки вправо (не саму коробку). Вот как IE и FF справляются с ситуацией, и, насколько я знаю, не ошибаются в соответствии со спецификацией. Вопрос в том, как я могу предотвратить это?

Ответы на вопрос(23)

Ваш ответ на вопрос