Problème css sous IE9

Salut à tous !
je me viens vous voir parce que j'ai un petit souci sur un site que je suis en train de développer pour une église d'annecy.
C'est la première fois que j'utilise la structure html5 sur un site et la phase de test sous IE n'est pas évidente ^^
voilà le lien :
Site de l'église baptiste d'annecy

Alors voilà le (ou plutôt les) problème(s) :
- le site ne se centre pas, alors que la commande css pour ça est basique et ne devrait poser aucun problème : ma page est contenu dans une div bloc_page, et en css j'ai donné à bloc_page une largeur de 1000px et la propriété margin:auto
- lorsqu'on passe la souris sur les menus, l'image de fond devrait changer (passer du vert au marron). Pareil j'ai utilisé une méthode basique avec le :hover. En gros :

nav li:hover
{
       background-image:url('../images/fond2.gif');
} 

je me suis demandé si c'était parce que ça pointait sur la balise "nav" qui est nouvelle, mais j'ai d'autres éléments css qui pointent sur des nouvelles balises html5 et ça fonctionne...

en plus, dans mon en-tête j'ai bien mis :

<!--[if lte IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="styles/fds.css" />
<!--[if lte IE 9]>
<link rel="stylesheet" href="styles/style_ie.css" />
<![endif]-->

Est ce que quelqu'un a une idée d'où ça peut venir ???
Modifié par Topo (10 Mar 2012 - 14:58)

Du coup j'ai réussi à centrer le site (j'avais zappé que margin:auto marchait pas sous IE) mais pour le reste je vois tjrs pas...