Code CSS / Hover / Help please.

[elenh]

It about a image resizer code on mouse over.

Also i have added this css code to the forum but if they resize the image then they do it only from the rigth place.

A example: If the image in a topic is to much to the right and the mouse goes over the image then the image is resized but is not showing total in the browser window and to view the image full i must move the browser bars and this is not possible beacuse if the mouse is taked out from the image then the resized image is not showing any more.

My question is how can i make the code to do this:
If the image is to much to the right place of a topic then the popup resized image must showing from the left size on the browser.

Here is the complete code:

<style>

.thumbnail{
position: relative;
overflow:visible;
z-index: 1;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
overflow:visible;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
overflow:visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

</style>

Thanks!