Перемещение текста вокруг фиксированного переполняющего элемента в другом индексном слое z -

Ситуация :У меня есть фиксированное изображение в моем шаблоне, которое переполняет содержимое. Поскольку это фиксировано, иногда изображение выходит за пределы текста. Есть ли метод, который исправляет это и заставляет текст обходить изображение, как будто этоfloat-внутри содержимого div.

См. пример html -.

Предпочтителен ответ CSS, приемлемы ответы Javscript/jQuery.

Некоторые дополнительные детали:

• Контент случайный. Он может быть длинным, коротким, содержать изображения и иметь html.
• #cloudдолжен оставаться на той же позиции с любым содержимым.

The issue isn't visible on the live website anymore, because it's solved by putting #cloud in a lower z-index layer.