Passage variable dans page php via javascript

Bonjour,

Tout d'abord ne démarrez pas au quart de tour en disant que ce sujet à déjà été traité ^^
Le thème a été traité mais mon problème n'en est pas plus résolu.
Donc voici le soucis:
une page php avec un bête formulaire contenant entre autre un select avec des valeurs de 1 à 10.
Ce select appel une fonction javascript -->
<select name="nbcartesavion" id="nbcartesavion" value="0" onchange=carteavion(value); >
Par la suite, ce script récupère la valeur choisie par l'utilisateur dans le select.
Le voici :

function carteavion(carte){ 
  var requete='./carteavion.php?nbcartesavion='+carte; 
  var htr=httpRequest(); //récupère l'objet XMLHttpRequest 
  htr.onreadystatechange=function(){ 
  if(4==htr.readyState && 200==htr.status) 
                       // j'injecte dans un div d'id carteavion le résultat de la page de traitement carteavion.php 
   document.getElementById("carteavion").innerHTML=htr.responseText;    
  } 
  htr.open("GET", requete, true); 
  htr.send(null); 
 } 

Ce que je souhaite faire, c'est envoyé cette valeur à une page de traitement php qui va m'afficher un certains nombre de champs (input type=text) en fonction de la valeur récupérer. 
En utilisant la méthode GET comme vous le voyez ds le script ci dessus, aucun problème, tous fonctionne sur Chrome et Firefox MAIS pas sur IE 8. 
Or les futurs utilisateurs sont principalement sur IE je dois donc optimiser cette page pour IE. 
Je décide donc de passer par la méthode POST en testant les résultats d'abord sur Chrome. 

Voici le nouveau script: 
function carteavion(){ 
  var data = "abc="+document.getElementById("nbcartesavion").value; //on récupère la valeur value du select dont l'id est nbcartesavion 
  var requete='./carteavion.php'; //la page requise de traitement 
  var htr=httpRequest(); //récupération de l'objet XMLHttpRequest 
  htr.open("POST", requete, true); //on initialise la requête avec la méthode POST, à l'url "requete" en mode asynchrone   
  htr.send(data); //on envoi la requête http au serveur en transmettant la valeur data 
  htr.onreadystatechange=function(){ 
  if(4==htr.readyState && 200==htr.status) 
   document.getElementById("carteavion").innerHTML=htr.responseText; // on injecte le résultat de la requête (htr.reponseXML) dans un div qui a pour id carteavion 
  }   
 } 

Le soucis c'est que ma page de traitement n'arrive pas à récupérer le $_POST : 

<?php 
//la page carteavion.php 
 $nb=$_POST['abc']; 
 echo "<p>".$_POST['abc']."</p>"; //ce echo permet uniquement de voir quelle est la valeur de $_POST['abc'] (pour l'instant elle vaut "Array") 
 if($nb != NULL){ //affichage des input } 

Voilà, c'est un peu long et je m'en excuse mais je préfère vous donnez le cheminement et les point qui me paraissent importants.

Merci d'avance pour vos réponses.