fonction d'affichage fesant bloquer des input et des <a>

Voila, j'utilise une fonction javascript pour afficher mes news proprement, comme ca j'ai juste a faire un appel sur la fonction js au lieu de réécrire les div qui font apparaitre une news. L'ennui c'est que lorsque j'utilise cette fonction, les deux hamps input et un lien qui se trouve dans la meme page ne réagissent plus. Je trouve ca vraiment bizar car je n'ai jamais rencontré ce probleme...

Voici comment j'appel la fonction js :

                    <?
                    echo '<div id="list_news" style="position:relative; width:440px; height:auto; padding:12px;">';
                    while($tab = mysql_fetch_array($req))
                    {
                            echo "<div id=\"news".$tab['id']."\" style=\"margin-top:3px; width:416px; height:auto;\"></div>
                                  <script>
                                  draw_post(document.getElementById(\"news".$tab['id']."\"),\"".$tab['id']."\",\"".$tab['titre']."\",\"".$tab['auteur']."\",\"".$tab['image']."\",\"".date('j',$tab['date'])." ".$mois[date('n',$tab['date'])]." à ".date("H:i",$tab['date'])."\",\"".$tab['texte']."\",1,\"".$tab['nb_comment']."\",0);
                                  </script>
                                  ";
                    }
                    echo '</div>';
          ?>

Voici la fonction js :

function draw_post(p_div,id,titre,auteur,image,date,texte,allow_comment,nb_comment,allow_reply) // On dessine le post
{
    if(allow_comment)
    {
        comment_reply = '<a href="#COMMENT"><img src="images/commentaire.gif" style="margin-left:6px; margin-right:2px;" border="0">'+nb_comment+' commentaire(s)</a>';
    }
    else if(allow_reply)
    {
        comment_reply = '<a href="#COMMENT"><img src="images/reply.gif" style="margin-left:6px; margin-right:2px;" border="0">Reply</a>';
    }
    else
    {
        comment_reply = '';
    }
    p_div.innerHTML += '<div style="margin-top:17px;"></div>';
    p_div.innerHTML += '<img src="'+image+'" style="position:relative; float:left; margin-right:3px;">';
    p_div.innerHTML += '<div style="color:#6489A3; font-size:12pt; font-weight: bold; "><a href="?news='+id+'">'+titre+'</a></div>';
    p_div.innerHTML += '<div id="posted_by'+id+'" style="color:#CCCCCC; font-size:8pt; margin-top:2px; margin-left:45px; position:relative;">Posté par '+auteur+' '+date+comment_reply+'</div>';
    p_div.innerHTML += '<div id="texte'+id+'" style="margin-top:12px; text-align:justify; margin-left:2px; margin-right:4px; margin-bottom:7px">'+texte+'</div>';
    p_div.innerHTML += '<div id="comments'+id+'" style="margin-left:6px; margin-right:8px; margin-bottom:17px;"></div>';
}

Et voici le probleme que ca me pose : Lien.
Je suis sous Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4. Regardez les champs login et mot de passe, ils sont inertent... Est ce que vous voyez d'ou cela peut venir ? Bon sinon il existe une solution, ca serait de ne pas utiliser une fonction js et de mettre les div directement dans la boucle mais bon je trouve que ca fit plus bordelique... J'éspère que vous saurez d'ou vient ce probleme. Ciao

B onjour apparement un problème d'empilage des calques...

dans le DIV dans lequel se trouve tes <INPUT> tu rajoutes la position d'empillement du DIV en utilisant z-index:9999 par exemple...
<DIV ID="NomDIV" style=".....;z-index:9999;">

il se retrouvera sur les autres si aucun ne posséde de z-index.

;0)