Les accents n'apparaissent pas en AJAX mais PHP oui

Bonjour,

je fais un petit site sur les pages perso de Free, et je rencontre un problème de caractères accentués. Mon site est en PHP. Quand j'affiche les éléments renvoyés par une requête sql en utilisant du PHP, les éléments affichés s'affichent parfaitement bien, les accents aussi. En revanche, quand je passe en AJAX (pour un système de recherche dynamique) pour afficher les même données, les accents sont symbolisés par un losange et un point d'interrogation.
J'ai pourtant bien mis en entête de toutes mes pages :
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
et ça marche avec le reste de la page, ce n'est QUE pour ce qui m'est renvoyé par cet ajax.
De plus, quand j'affiche directement la page PHP appelée en AJAX les données s'affichent correctement, sans losanges. Du coup c'est quand l'AJAX récupère les données.
Comment aire ?

je vous donnes les parties des sources.

La partie PHP qui affiche les éléments de la requête dans la page et qui fonctionne :
<?php
// on crée la requête SQL
$sql = "SELECT * FROM recette order by titre";

// on envoie la requête
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());

$linklist="";
while($data = mysql_fetch_assoc($req))
{
$linklist.= "<a href='/recettes/files/".$data['filename']."'>".$data['titre']."</a><br/>";
}
echo $linklist."<br/><br/>"
?>


La partie AJAX qui appelle la page PHP AJAX :


if(window.XMLHttpRequest) // FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else { // XMLHttpRequest non support� par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
}

var data = "titre="+titre+"&type_id="+typeid+"&famid="+famid+"&fam2id="+fam2id+"&search=1";

//alert(data);//test

xhr_object.open("POST", 'search_ajax.php?'+data , false);
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

xhr_object.send(null);
if(xhr_object.readyState == 4){
//eval(xhr_object.responseText);
//alert(xhr_object.responseText);
document.getElementById('results').innerHTML=xhr_object.responseText;
}



NB : j'ai remarqué qu'avec Chrome je n'ai pas ce problème, soit dit en passant.