Peguei um site aqui que fizeram, e ai assumi para finalizar.
Ocorre que o menu no IE8, e somente no IE8 quebra a linha.
Abaixo as imagens e o código para ver se tem alguma dica.
Funcionando Normal em outros navegadores.
Quebrando no IE8
.jqueryslidemenu{font:11px Verdana, Geneva, sans-serif;position:relative;z-index:1;}
.jqueryslidemenu ul{list-style-type:none;margin:0;padding:0;}
.jqueryslidemenu ul li{position:relative;display:inline;float:left;}
/*.jqueryslidemenu li+li+li+li+li+li+li { width:118px;}*/
.jqueryslidemenu ul:first-child li:last-child{width:118px;}
/* Configurações do Menu - COR */
.jqueryslidemenu ul li a{display:block;background:#193554;color:#2d2b2b;text-decoration:none;padding:1.2em 1.1em; margin-right: 1px; width:108px; text-align: center;}
.jqueryslidemenu ul li ul li ul li a{background-color: #285688} /*1º Nível*/
.jqueryslidemenu ul li ul li ul li ul li a{background-color: #6380AC;} /*2º Nível*/
/* ########################### */
* html .jqueryslidemenu ul li a{display:inline-block}
.jqueryslidemenu ul li a:link,.jqueryslidemenu ul li a:visited{color:#E9EBB6}
.jqueryslidemenu ul li ul{position:absolute;left:0;display:block;visibility:hidden}
.jqueryslidemenu ul li ul li{display:list-item;float:none}
.jqueryslidemenu ul li ul li ul{top:0}
.jqueryslidemenu ul li ul li a{width:160px;border-top-width:0;margin-bottom:1px;padding:1.2em 1.2em; text-align: left;}
.downarrowclass{position:absolute;top:12px;right:7px}
.rightarrowclass{position:absolute;top:6px;right:5px}
.jqueryslidemenu ul li a:hover,.jqueryslidemenuz ul li ul li a:hover{background:#FFF;color:#193554}
