hi all, i started using JavaScript yesterday so i am really really new. When i call the following functions on a page an empty gap appears bellow the footer. I don't know how to eliminate it.

Show hide functions.
Code:
function show(elemID)
{
	var elem=document.getElementById(elemID);
	elem.style.position='relative';
	elem.style.visibility='visible';
}
function hide(elemID)
{
	var elem=document.getElementById(elemID);
	elem.style.position='absolute'
	elem.style.visibility='hidden';
}
function show_hide(elemID)
{
	var elem=document.getElementById(elemID);
	if(elem.style.visibility=='hidden')
	{
		show(elemID);
	}
	else
	{
		hide(elemID);
	}
}
how i call it in the php code:
Code:
A_PARAGRAPH_REFERRING_TO_AN_IMAGE...<a href='#' onclick='javascript: show_hide(9); return false;'>Click to see the image.</a>

<div style='visibility: hidden; position: absolute;' class='faq' id='9'><img src="./include/hurriyet1_main.jpg"></div>
Thanks already.