Firefox in-line images

[raks]

Hi there,

Im currently having a problem where I am trying to have text wrapped around my images. To do this, I am inserting the image and then applying a class to it which sets float:left , and some relevant margins. This works fine in IE, however move to Firefox and then image appears in the wrong place, somewhere further down the page where I dont want it.

Would anybody be able to help me out with this?

Many thanks

Raks

[boogyman]

<div id="yeah">
     <img src="/path" width="" height="" alt="">
     <p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</p>
</div>

div#yeah img {clear left;}

[raks]

Hi, unfortunately, that didn't seem to work, so I have put it all back to how I had it, perhaps someone can see what im doing wrong?

http://www.e-rak.co.uk/test1/bs101.html

Many thanks

[boogyman]

put the image of the chairlift where you want it in the page, not at the top of the element... by using the [/icode]position[/icode] property, you are breaking the flow of the page