What browser you using?

If it is IE, try adding zoom:1* to whichever item you are adding the icon to.

* zoom:1 is the best way to unobtrusively turn on "hasLayout" which is the cause of, and solution to almost all of IE 6's layout bugs.

Yes, becauase it's in <li tags.

And it's not supposed to be - i did that to see if that made a difference.

div#rightcontents p img.r

Cool. I'll try that when i get back to my desk (covering for someone else at the moment).

Thank you!

#rightcontents p img.r {
	border:0px;
	padding: 2px 0 2px 0;
}

Have you made sure the CSS isn't be cached unnesessarily by the browser?

You probably have, but y'know just incase :)

Incidentally can anyone actually explain why it is that both IE and FireFox seem to completely ignore the last-modified headers send by web servers for .css files? They don't do it for any other file types (that might be a lie) so what makes .css files so special that you need to force refresh to see the changes?

.image_right {
	margin-left:5px;
	float:right;
}

#rightcontents p img.r {
	border:0px;
	padding: 2px 0 2px 0;
}

#rightcontents p {
	margin-bottom:0.9em;
}

/*
.image_right {
	margin-left:5px;
	float:right;
}
*/

.image_left {
	margin-right:5px;
	float:left;
}

style="float:none;"

Well, that one did work! The positioning isn't perfect, but that can be fixed. I do have that CSS toolbar installed but i think this will have to wait until tomorrow as i've been asked to take care of something else here at work.

Thank you for your patience - i will have a look at this again tomorrow and revive the thread as needed! :-)