Imagen Flotante Fija en la Esquina Para insertar una imagen en código HTML es así

:
<img src=" URL_de_la_imagen ³/>

Para insertar una imagen el la esquina SOLO es necesario poner el siguiente código HTML entre las etiquetas <body> y </body> (por ejemplo ±> justo antes de </body> ):
<img style="display:scroll; position:fixed; bottom:0px; right:0px;´ src=´URL_de_la_imagen ³/>

Cambia los valores en negrita para personalizar la posición de esta manera:
bottom es la distancia con respecto abajo, por lo que si es 0px estará pegada abajo, lo mismo con right .

Puedes poner top (arriba) en vez de bottom (abajo), y left (izquierda) en vez de right (derecha), cuestión de gustos. Evidentemente, donde pone URL_de_la_imagen hay que cambiarlo si o si por la dirección URL donde tengas la imagen que quieras poner, por ejemplo, la imagen de arriba tiene esta URL:
http://media.twango.com/m1/original/0092/1860bae92ee74820b5b114310b399 942.gif

[11/08/08] NOTA: Esto funciona con TODOS los exploradores, excepto con Internet Explorer 6 e inferiores (con IE7 si funciona). Lo mismo pasa con las imágenes en formato PNG con transparencias ±> estas últimas no las muestra en IE6 e inferiores. Hasta aquí es lo básico, a continuación y hasta el final del artículo indicaré cosas para mentes más intrépidas Si quieres añadirle el estilo CSS desde la hoja de estilo lo importante es que el elemento tenga lo siguiente:
img_esquina { display:scroll; position:fixed; bottom:0px; right:0px; }

De la misma forma que a la imagen, se le puede aplicar este estilo a cualquier elemento mediante:

<div style="display:scroll; position:fixed; Elementos_que_quieras_con_este_estilo </div>

bottom:0px; right:0px;´>