Sono riuscita ad ottenere l'effetto desiderato ma ho ancora degli errori.

Il mio codice è:

codice:
<script language="JavaScript" type="text/javascript">

function mostra(){

  visi="visible";

  var str="<table><tr><th>id</th></tr><tr><td>id</td></tr></table>";
  
  if(document.layers){
    //primo e secondo funzionano insieme
    //solo questo funziona
    document.kateetak.innerHTML = str;
    document.kateetak.visibility=visi;
  }
  if(document.all){
    //solo questo funziona
    document.all.kateetak.innerHTML = str;
    document.all.kateetak.style.visibility=visi;
  }
  if(document.getElementById){
    //solo questo da errore
    //questo in abbinamento con gli altri casi da errore
    //document.getElmentById("kateetak").innerHTML = str;
    document.getElementById("kateetak").style.visibility=visi;
  }
}


</script>


<form name="formName" method="get">
  
  <select name="articoliSelect" size="10" onclick='javascript:mostra()' onblur='javascript:nascondi()'>
    <option>varie option</option>
  </select>

<DIV ID="kateetak" STYLE="position:absolute;visibility:hidden;background:rgb(255,111,111)">Sono un divvolo</DIV>

</form>

Il problema si manifesta nella funzione mostra().

Queste due istruzioni funzionano correttamente sia singolarmente (se le altre 2 sono commentate), sia insieme.

codice:
    document.kateetak.innerHTML = str;
    document.all.kateetak.innerHTML = str;
Se tolgo il commento dalla terza quando seleziono una option ho un errore del tipo: Proprietà o metodo non supportati dall'oggetto.
Uso internet explorer come browser.
Sapresti spiegarmi perchè?