como poner un div en un menu lista de mi web

[C2am]

Código HTML:

<div id="tray">
 
        <ul>
            <li id="tray-active"><a href="/index.html">Inicio</a></li> <!-- Active page -->
            <li><a href="/yenien.html" title="Bienvenidos a Cabañas Yenien | Complejo Turistico" target="_blank">Cabañas Yenien</a></li>
            <li><a href="/sanjose.html" title="Bienvenidos a Cabañas San José | Complejo Turistico" target="_blank">Cabañas San José</a></li>
            <li><a href="#" title="Complejo San Rafael | Quiénes Somos">Quienes Somos</a></li>
            <li><a href="#" title="Reservar cabañas en san rafael | Complejo San Rafael" target="_blank">Reservas</a></li>
            <li><a href="#" title="Cómo llegar a cabañas Yenien | San José" target="_blank">Mapa de Llegada</a></li>
            <li>
                  <div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'es', includedLanguages: 'de,en,fr,it,no,zh-CN', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
              </li>
 
</ul>
 

Debería funcionar, en caso de no ser así puede ser que debas modificar el css del li, por ejemplo

Código CSS:

li
{
   display:inline-block, 
}
 

Creo está como inline solamente y esto podría provocar algun choque al colocar un elemento de bloque dentro.
Además deberías fijar el ancho de ese div, por las dudas