Выравнивание значков выпадающего меню?

Question

Привет, ребята У меня есть панель меню с подменю, но значок, если существует подменю, показан выше. Я хочу установить значок прямо из поля меню. Поэтому я надеюсь, что кто-то может помочь. Здесь вы можете посмотреть фото: https://www.dropbox.com/s/h8yqq7d2mirj0cq/bar.JPG. Посидите за плохое качество изображения.

Я использую JSF 2.1, прайс-листы 3.5 и тему jquery из простых строк.

Menubar

<p:menubar styleClass="affaires" style="position: absolute !important; bottom: 0px !important; vertical-align: bottom !important; list-style: none; width: 100%; text-align: center;" > 
      <p:menuitem value="Home" url="#"/> 

      <p:submenu label="Company"> 
       <p:menuitem value="Create Company" url="#"/> 
       <p:menuitem value="Show Companies" url="companies.xhtml"/> 
      </p:submenu> 

      <p:submenu label="Taskbox" > 
       <p:menuitem value="Inbox" url="taskbox.xhtml"/> 
       <p:menuitem value="Sent" url="#"/> 
       <p:menuitem value="Trash" url="#"/> 
       <p:menuitem value="New Message" url="#"/> 
      </p:submenu> 

      <p:submenu label="#{loginBean.user.USER_NAME}" > 
       <p:menuitem value="Logbook" url="#"/> 
       <p:submenu label="Settings" url="#"> 
        <p:menuitem value="Account" url="#"/> 
        <p:menuitem value="Contact" url="#"/> 
       </p:submenu> 
       <p:menuitem value="Logout" url="#"/> 
      </p:submenu> 

      <p:submenu label="Administration" icon=""> 
       <p:menuitem value="Users" url="#"/> 
       <p:menuitem value="Edit Help" url="#"/> 
       <p:menuitem value="Edit GTC" url="#"/> 
      </p:submenu>  

      <p:menuitem value="Help" url="#"/> 

    </p:menubar> 

theme.css

.affaires .ui-menuitem-text{ color:black;} 

.affaires .ui-menu-child{background: white;} 

ul li.ui-menuitem-active>a{ 
    background-image: none !important; 
    background-color:red !important;  
} 

li ul li.ui-menuitem-active>a{ 
    background-image: none !important; 
    background-color:green !important;  
} 

Answer 1

Я нашел решение

Настройка следующий тег в theme.css

/* left-aligned */ 
.ui-menu .ui-icon { 
    top: .2em; 
    left: .2em; 
}