Chrome CSS Issue

[Rozzy85]

On a webpage I have a problem specific to Chrome with the CSS parametre display. When the page loads some <div> tags are set to display:none. When a checkbox is checked these <div> tags are set to 'inline' using JS. During the same process some <div> tags are set to 'none'. There's a submit button at the bottom that seems to move up the page until it reaches the "Tested Faulty" checkbox when used in Chrome. To described what I mean I've made this image. The function works fine in every other browser (IE, Firefox, Opera, etc) and can be toggled over again but not in Chrome.

The inital CSS code:

#loading{font-size:14px;font-weight:bold;visibility:hidden;}

The toggle JS code:

function condToggle()
{
	if (vTog == 1)
	{
		document.getElementById('tf1').style.display = 'none';
		document.getElementById('tf2').style.display = 'none';
		document.getElementById('sl1').style.display = 'inline';
		document.getElementById('sl2').style.display = 'inline';
		vTog = 0;
	}
	else
	{
		document.getElementById('tf1').style.display = 'inline';
		document.getElementById('tf2').style.display = 'inline';
		document.getElementById('sl1').style.display = 'none';
		document.getElementById('sl2').style.display = 'none';
		vTog = 1;
	}
}