I’m not sure where to even begin to fix this myself, so I am hoping someone here has or understand browser compatibility and can assist me in this. Please see jsFiddle.net example for all of my code.
I run this code on my live machine in Firefox 11+ and it works fantastic. I run the same code in Internet Explorer 9 and it runs fantastic. I switch the Document Mode to IE8 and it begins to fail.
Here are some images to show what I am talking about:
Also in IE7 the logo is pushed way down see IE7 example. This works in Safari also, image not supplied.
IE9 
IE8 
IE7 
FF11+ 
I updated your jsfiddle. The issue appears to be that your
:firstselector isn’t working in IE8. I’m not sure why you would need the:firstselector as there is only oneulbelow each menu item, but maybe I missed something. If you remove the:firstselector it works fine.