Image alignment problem in Mozilla

[Alan Little]

I'm having a problem getting images to align properly in Mozilla.

In my stylesheet I have:

..content {
position:relative;
width:auto;
min-width:120px;
z-index:3;
}

image.right {
float:right;
}

.... and then in the page I have:

<div class="content">
<p>
<img src="someorother.jpg" class="right" ... />
blah blah blah
</p>
</div>

.... where the "content" div is the middle one of three columns. This
works as I expect and want in IE and Safari - namely, text on the left
and image on the right within the width of the <div>.

Mozilla, however, ignores the "right" bit and just displays the image
inline with the text. Am I doing something wrong, or is Mozilla?

(An example: http://www.alanlittle.org/weblog/MehrLinux.html)

thanks
Alan

[James Bursa]

Alan Little wrote:

image.right {
float:right;
}

Should be 'img', not 'image'. I guess IE and Safari treat them as
equivalent.

James

[Alan Little]

Ah. Thanks for the proofreading James. I might even have spotted the
obvious typo myself if IE and Safari hadn't conspired to hide it.

Alan