Toggle table position

I have a form with a couple of radio buttons, and depending on which button they click, a different table (form elements) will display. This works, but the tables are in different positions within the form. There must be a way to position the tables in identical locations. I am not very proficient with DIV tags. Can anyone explain how this works?
Thanks!
-tdavis

here is the form: http://www.kenerlyortho.com/forms/page02.html

remove visibility:hidden; from "someoneelse" & "patientinfo" HTML tags

function toggle(e)
{

if (e.value == "Someone_Else") {

var childId = "someoneelse";
document.getElementById(childId).style.display = "";

var childId = "patientinfo";
document.getElementById(childId).style.display = "none";
}

else

{

var childId = "patientinfo";
document.getElementById(childId).style.display = "";

var childId = "someoneelse";
document.getElementById(childId).style.display = "none";

}

}

OK. I did that. I removed visibility:hidden; from table tags, but that did not have any affect. Are you referring to the javascript?

also change your function toggle(e)
with the ammended function I posted

I did not see that! It does work now. I really appreciate the help!
I need to understand getElementById a little better....

Thanks again!
-tdavis