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