IMG tag & CSS

[webgirl]

I'm playing with image placement. I like the outcome in FF but IE is giving me fits. Is this just not possible or is there an IE hack that will correct this? Code is listed below the images.

Reasoning for attempting to insert the image this way is to get around the save image as right click option. And yes, I know if someone wants the image badly enough there are many other ways to obtain it. For my target audience though....this is workable. Oh and honestly, I just wanted to see if it would work.

The image is the green box with flower.

Here's what I get with FF.


And here is the same in IE. Note the image icon...



CSS:

.grnimg {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	background-image: url(grnimg.gif);
	background-repeat: no-repeat;
	width: 200px;
	height: 161px;
}

HTML:

<div>
    <img class="grnimg">
    <p>text text text text text text text text text text text text text </p>
<div>

[marathon_ben]

Instead of using img, change it to a div ( or just about any other tag) . That'll remove the image icon from ie.

[webgirl]

Ahh I did initally try this by changing to a div tag which did not work. A simple <p did the trick. Thanks!