document.getElementById Problem

[Peet]

Na so ein Zufall. Genau so habe ich gerade gelöst:

<script language="JavaScript" type="text/javascript">
<!--
function hide(n) {
    if (navigator.appName == "Microsoft Internet Explorer") {
        if(document.getElementById) {
            document.getElementById("info"+n).style.display = "none";
 }
    }
}

function show(n) {
    if (navigator.appName == "Microsoft Internet Explorer") {
        if(document.getElementById) {

document.getElementById("info"+n).style.display = "block";
document.getElementById("info"+n).style.position = "relative";
document.getElementById("info"+n).style.background-color = "#fff";
document.getElementById("info"+n).style.width = "300px";
document.getElementById("info"+n).style.top. = "0";
document.getElementById("info"+n).style.right = "20px";
document.getElementById("info"+n).style.border = "1px dashed black";
document.getElementById("info"+n).style.padding = "15px";
}
}
}
//-->
</script>

Hier gibt der IE aber eine Fehlermeldung. Einer der styles scheint er nicht zu akzeptieren. Wenn ich nur die erste nehme,dann klappt es.
Wieso verwendet der nicht die, die ich für das DID Element im Stylesheet angegeben habe(wie oben). Dann bräuchte ich nur das "display" ein und auschalten (none & block)?