Je ne sais pas par où commencer à résoudre ce problème moi-même. J'espère donc que quelqu'un ici possède ou comprend la compatibilité du navigateur et peut m'aider à cet égard. Veuillez voir l'exemple de jsFiddle.net pour tout mon code.
Je lance ce code sur ma machine live dans Firefox 11+ et cela fonctionne à merveille. Je lance le même code dans Internet Explorer 9 et il fonctionne fantastique. Je bascule le mode Document vers IE8 et il commence à échouer.
Voici quelques images pour montrer de quoi je parle:
Également dans IE7, le logo est abaissé, voir l'exemple IE7. Cela fonctionne également dans Safari, image non fournie.
IE9 
IE8 
IE7 
FF11 + 
Réponses:
2 pour la réponse № 1J'ai mis à jour votre jsfiddle. Le problème semble être que votre :first le sélecteur ne fonctionne pas dans IE8. Je ne suis pas sûr de savoir pourquoi vous auriez besoin du :first sélecteur car il n'y a qu'un seul ul ci-dessous chaque élément du menu, mais peut-être que j'ai raté quelque chose. Si vous supprimez le :first sélecteur cela fonctionne bien.
2 pour la réponse № 2
votre deuxième problème: logo
regarde ici jsfiddle
mettez div id = content before span clear-both, c’est-à-dire qu’il a un problème avec cela