I want my small pictures that I have on my website to get a neat popupwindow with the enlarged same picture when they click it.

This code works but it created aboutly 10 pixels padding around the picture.
Looks very ugly!

function picture() {
HTML Code:
<img src="picture_small.jpg" onclick="picture()">
I also tried the make the javascript open up a html document with the standard tags and between the body tags would be the image.

Then I put the padding inside the body tag.
This didn't fix the problem either!

I would prefer if there was a way to fix the padding problem without creating an extra html document but if there is not I would be happy to know how to fix the problem with a html document aswell.