[Résolu] Afficher du code PHP avec un scroll horizontal sous Chrome ?

Bonsoir,
J'ai écrit un article sur mon site web où j'explique comment installer WordPress 3.9 sur les pages perso de FREE (ce qui sinon n'est pas possible).
J'explique les modification faites dans les fichiers de WordPress 3.9 et je viens de m'apercevoir d'une différence d'affichage entre Chrome et les autres navigateurs.

Le code PHP des modifications faite sur WordPress 3.9 est visible ici : http://additifstabac.free.fr/index.php/installer-wordpress-3-9-smith-sur-les-pages-perso-de-free/#modifications
Avec Firefox, les portions de code sont biens numérotées et une barre de scroll horizontal apparait bien.
Mais sous Chrome, cette barre de scroll horizontal n'apparait pas et les numéros des lignes ne correspondent plus.

Le CSS actif pour la balise < pre > </ pre > dans laquelle est ce code est le suivant :

pre {
white-space: pre;
border-left:5px solid #ccc;
font:normal normal normal 11px/18px Monaco, monospace;
margin-bottom:18px;
overflow: auto;
}

J'ai cherché sur Google comment modifier le CSS ou toute autre solution simple pour que le code PHP s'affiche comme dans Firefox, mais je n'ai pas trouvé ou compris.

Quelqu'un a t-il une solution pour que Chrome affiche comme Firefox ?
merci.

Encore Merci !