Abrir una pagina al apretar una imagen que esta dentro de una caja de texto

[skyz]

Saludos comunidad tengo la siguiente caja de texto con una imagen:

CSS

Código CSS:

<style type="text/css">
.userBox
{
background-image:url('users.gif');
background-repeat:no-repeat;
padding-left:25px;
border-width:1px;
border-style:solid;
border-color:#CC0000;
}
</style>
 

HTML

Código HTML:

<input type="text" name="nombre" class="userBox" size="18">
 

Lo que deseo es que cuando este el cursor en la imagen pueda darle un click y me aparesca otra pagina, pero nose como realizarlo con css, como lo tiene google al buscar imagenes: http://images.google.es.

Gracias por su tiempo.