XSL template:

	<xsl:template match="note">
		<span class="note" id="block"><img id="note" src="http://hup.hu/images/hup64x64_sand.png" alt="Note"/>
		<span class="note" id="text"><xsl:apply-templates /></span></span>
	</xsl:template>

�s a CSS:

span.note { position: relative; }

span.note#text {
	display : none;

}

span.note#block img#note {
	display : inline;
	width   : 1em;
	height  : 1em;
}

span.note#block:hover span.note#text {
	display        : block;
	font-size      : 90%;
	color          : #114;
	bottom         : 1.5em;
	left           : -3em;
	position       : absolute;
	width          : 250px;
	background     : #ffff00;
	opacity          : 0.85;
	border         : 1px solid black;
}