Картинка наезжает на DIV

[dtrex]

у картинки <img> обтекаемость либо слева либо справа, как расположить div, чтоб картинка не наезжала?

как свойство задать диву в CSS, чтоб он был на странице сам по себе, при этом при открытии этого дива(спойлер) данные под ним смещались вниз

вот на примере как бы 2 спойлера (div) но картинка наезжает с верху

нужен вот такой результат

Edited December 1, 2010 by dtrex

[Shugich]

margin-left или margin-right = ширине картинки. В зависимости от того с какой стороны картинка.

[dtrex]

margin-left или margin-right = ширине картинки. В зависимости от того с какой стороны картинка.

результат еще хуже, текст от картинки на расстоянии, если выставить противоположный параметр картинка наезжает в бок еще больше.

P.S. BB код парсер писал не я, но картинка в HTML коде при правом выравнивании <img src="http://image.torrent.kg/images/brE80005.jpg" alt="" align="right" />

может как то стилями ее обтекать ?

Edited December 1, 2010 by dtrex

[dtrex]

Решил вопрос таким путем, разобрав один форум

тег (спойлер) <div class='spoiler'>срытый текст</div>

я вставил в <div class='spoiler-wrap'> <div class='spoiler'>срытый текст</div> </div>

а в CSS прописал вот это

.spoiler-wrap {

background-image : url(quote.png);

width: 95%; margin: 6px auto; clear: both;

border: solid #C3CBD1; border-width: 1px 1px 1px 2px;

}