como poner un div en un menu lista de mi web

[posicionseo]

Estimados, tengo un menu en un sitio web asi:

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>
        </li></ul>
 

y tengo el codigo de google translate

Código HTML:

<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>
 

uso dreamweaver y cuando intento ponerlo se pone en cualquier lugar.
como hago para dejarlo fijo en xxx lugar?