[Résolu] Pixelisation de typo du a jquery

Bonjour,
J'ai un petit soucis de pixelisation de typo sous IE8 et inférieur à cette adresse suivante :http://www.sutterlity.fr/. En gros ma question, et la suivante. Est-ce que ma syntaxe n'es pas bonne, ou dois-je contourner le problème en ciblant IE (si oui comment) ?
Voici le code en js

$(document).ready(function(){

  $('#services, #about, #competences, #contact').delay(800).animate({opacity: "1"}, "8000");
  $('.header').delay(0).fadeIn(800);
  $('#portfolio').delay(400).fadeIn(800);
  $('#projets').delay(400).fadeIn(800);
  $('#mail').delay(800).fadeIn(800);
  $('#footer').delay(1500).fadeIn(800);

// Survol des miniatures
$('.thumb').each(function() {
  $(this).find('.btn').stop().animate({opacity: "0.5"},'0');
});
	$(".thumb").hover(function() {
	  $(this).find(".btn").stop().animate({opacity: "0"}, "10");
		$(this).find("img.attachment-post-thumbnail").stop().animate({opacity: "0.05"}, "10");
		$(this).find(".title, .excerpt").stop().animate({opacity: "1", left: "20px"}, "1");
		$(this).find(".cat").stop().animate({opacity: "1", left: "15px"}, "1");
	}, function() {
		$(this).find("img.attachment-post-thumbnail").stop().animate({opacity: "1"}, "slow");
		$(this).find(".title, .excerpt, .cat").stop().animate({opacity: "0", left: "-300px"}, "fast");
		$(this).find(".btn").stop().animate({opacity: "0.5"}, "slow");
	});
	
	// Survole du mail
	$('#mail a').each(function() {
	$(this).find('img').stop().animate({opacity: "0.3"},'0');
	});
		$("#mail a").hover(function() {
			$(this).find('img').stop().animate({opacity: "0.8"}, "fast");
		}, function() {
			$(this).find('img').stop().animate({opacity: "0.3"}, "slow");
		});
		
	// Survole du logo
		$("#logo a").hover(function() {
			$(this).find('img').stop().animate({opacity: "0"}, "fast");
		}, function() {
			$(this).find('img').stop().animate({opacity: "1"}, "slow");
		});
	
	// Survole des liens de navigations de projets
	$('.prev a, .next a, .retour-portfolio').each(function() {
	$(this).animate({opacity: "0.3"},'0');
	});
		$('.prev a, .next a, .retour-portfolio').hover(function() {
			$(this).stop().animate({opacity: "0.8"}, "fast");
		}, function() {
			$('.prev a, .next a, .retour-portfolio').stop().animate({opacity: "0.3"}, "fast");
		});
	
	// Affiche le bloc nav-category
	$('#portfolio').each(function() {
	$(this).find('#chapeau').animate({opacity: 0},'0');
	});
		$("#portfolio").hover(function() {
			$("#chapeau").slideDown(200);
			$("#chapeau").animate({opacity: "1"}, "8000");
		}, function() {
			$("#chapeau").delay("200").animate({opacity: "0"}, "fast");
			$("#chapeau").slideUp(150);
		});

	
// Survol du a.close
	$("a.close").hover(function() {
		$(this).find("img").stop().animate({opacity: "0.4"}, "fast");
	}, function() {
		$(this).find("img").stop().animate({opacity: "1"}, "slow");
	});
	
	/* Affiche le bloc Services */
	$(function(){
		$("#services").hide();
  		$("ul li a:contains(Services)").click(function(){
  			$("a.close").animate({opacity: "0"}, "fast");
        	$("div.box").slideUp("fast");
        	$("#services").delay("fast").slideToggle();
   			$("a.close").delay(200).animate({opacity: "1"}, "slow");
        	return false; })
        	
/* Affiche le bloc About */
		$("#about").hide();
  		$("li a:contains(A propos)").click(function(){
  			$("a.close").animate({opacity: "0"}, "fast");
  			$(".face").animate({opacity: "0"}, "0");
        	$("div.box").slideUp("fast");
        	$("#about").delay("fast").slideToggle("slow");
        	$(".face").delay(600).animate({opacity: "1"}, "slow");
   			$("a.close").delay(200).animate({opacity: "1"}, "slow");
   
        	return false; })
        	
/* Affiche le bloc Compétences*/
		$("#competences").hide();
  		$("li a:contains(Compétences)").click(function(){
  			$("a.close").animate({opacity: "0"}, "fast");
        	$("div.box").slideUp("fast");
        	$("#competences").delay("fast").slideToggle("slow");
   			$("a.close").delay(200).animate({opacity: "1"}, "slow");
        	return false; })
        	
  /* Affiche le bloc About */
  		$("#contact").hide();
    		$("li a:contains(Contact)").click(function(){
    			$("a.close").animate({opacity: "0"}, "fast");
          	$("div.box").slideUp("fast");
          	$("#contact").delay("fast").slideToggle("slow");
     			$("a.close").delay(200).animate({opacity: "1"}, "slow");
          	return false; })
  
	/* Fermer les blocs */
  		$("a.close").click(function(){
  			$("a.close").animate({opacity: "0"}, "slow");
          	$("div.box").delay(600).slideUp("fast"); })
	    })
});

Merci d'avance.
Modifié par slop (03 Mar 2011 - 11:14)