CSS Image disappears in IE6

[Kandevil]

Argh! been reading up and trying my best but I'm not a CSS guru and I can't find any info on the web that makes sense or helps. So if anybody can be of assistance I'd be delighted.

As explained in the title I have an image that disappears in IE6 it works fine in Firefox.

The image is supposed to be right aligned in a paragraph of text. Which is in a div which is relatively placed called content. The text moves out of the way as if the image is there, but you can't see it.

Snippets of code follow:

CSS

.content {
position:relative;
width:auto;
min-width:120px;
margin:0px 120px 20px 180px;
top:60px;
border:1px solid black;
background-color:white;
padding:5px;
z-index:3;
}

HTML

<div class="content">

<p><img src="images/image.gif" style="float: right">text blargh goes here</p>

</div>


Well that's it, code chopped down to save space, but think that is all that is needed.

[morleymouse]

maybe try style="float: right; position: relative;"


... might do something

... also might not

edit: another thought, try taking the image out of the <p></p>

[Kandevil]

SuperStar !!

thanks very much, adding style="float: right; position: relative;" worked a treat.