forskel på getelementbyID("menu"+i) og document.all["menu"+i]

Jeg har lavet en menu som man via mouseover får vist.
det virker perfekt når man bruger dette script
------------------------------------------------
function vis(i){
document.all["Menu"+i].style.visibility='visible';
}
------------------------------------------------
problemet med dette script er at det ikke virker i netscape
så bruger jeg dette script for at det skal virke i begge browsere
------------------------------------------------
function vis(i){
document.getElementById("Menu"+i).style.cssText='visibility:visible';
}
------------------------------------------------
problemet med dette script er bare at det ødelægger mine menuer i begge browsere...


menuen ser således ud med første script


test    undertest1
test2    undertest2
test3    undertest3

hvis jeg så vælger næste menupkt lapper denne submenu over den anden submenu..hvis i forstår..

men med det andet script vil den ikke lappe submenuerne over hinanden den vil tværtimode have dem til at være under hindanden..

og dermed kommer undermenuerne til at stå forkert....
hvorfor nu det?????
hvad er grunden til dette...hvorfor vil det første script gerne overlapper, men ikke det andet???

håber i forstå mit problem og kan hjælpe