I have recently tried to use the `div class=”left”>
<img src=”/dir/image.jpg”</div>code on my site. However, the text does not always go past the image, which in turn causes the footer to hover and overlay with the image. Typing in the clear code<div style=”clear:left;”></div>` fixes this issue, but at the cost of pushing my footer down around 800 pixels past the end of the post. I discovered the reason behind it.
My sidebar is coded in the template to float to the left, and therefore typing <div style="clear:left;"></div> moves everything to the bottom of the sidebar.
My question is, is there any way to remedy this without always having to wrap the text around the right side of the image? It’s really very annoying, and I am not proficient enough in CSS to try and re-code the Benevolence theme.