Non ho ie8 per testare, ma in versioni precedenti le voci elenco risultano centrate, ciò che nel tuo codice le fa apparire centrate è il text-align:center del div che racchiude l'ul, inutile il margin:0 auto sull'elemento li (poiché hai per esso un display:inline) che puoi rimuovere. Puoi anche spostare il text-align:center dal div su ul, dicci poi se torna a posto anche con ie8