Qué me dicen de este código para previsualizar imágenes

[jorgemibanez]

A mi no me funciona, mírenlo ustedes y ya me dirán qué opinan.

http://jsfiddle.net/roimergarcia/jkLxG/ ---->>>> Este es el link del código, es html, javascript y css.

Y este, la forma en que yo lo aplique (que ni siquiera funcionó):

Este es el input que selecciona la imagen:

Código HTML:

<input id="my_profile_photo" type="file" accept="image/*" style="
    width: 200px;
    height: 30px;
    background-color: #73AAE5;
    opacity: 0;
    position: absolute;
">
 

Este el marco que debería mostrar la imagen:

Código HTML:

<div>
<div>
<span>Vista Previa:</span> 
<span id="infoNombre">[Seleccione una imagen]</span><br>
<span id="infoTamaño"></span>
</div>
<div id="marcoVistaPrevia" style="border: 1px solid #008000; width: 400px; height: 400px">
<img id="vistaPrevia" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" alt="" style="max-width: 400px; max-height: 400px">
</div>
</div>
 

y el script que ya lo verán el página.

Si todo está casi idéntico, ¿Dónde estará el problema?