Problema con lista desplegable

[Jack_M]

Hola, necesito que alguien me oriente, mi problema es que tengo una lista desplegable en la cual tengo el menú, pero al momento de pasar el mouse sobre ella el texto está corrido hacía la derecha eh buscado intentado corregir el problema pero no puedo, alguien que me pueda ayudar?

código:

Código CSS:

#gl1{
    top:95px;
    left:160px;
    font-family:Arial;
    font-size:12;
    position:absolute;
    }
 
#gl1:hover{
    opacity:.9;
    }
 
ul, ol{
    list-style:none;
    }
 
.glul li a {
    color:#000;
    text-decoration:none;
    padding:5px 5px;
    display:block;
    min-width:5px;
    text-align: left;
    }
 
.glul li a:hover{
    background-color:#ffa;
    }
 
.glul > li {
    float:left;
    }
 
.glul li ul{
    display:none;
    position:static;
    min-width:0px;
    text-align:left;
    }
 
.glul li:hover > ul {
    display:block;
    background-color:#FFF;
    position:relative;
    }
 

[C2am]

muestra el html involucrado, saludos

[Jack_M]

Aquí está el código en html

Código HTML:

<div id="gll">
  <ul class="glul">
    <li><a href="">Inicio</a></li>
    <li><a href="">Productos</a>
      <ul>
        <li><a href="">Producto1</a></li>
        <li><a href="">Producto2</a></li>
      </ul>
    </li>
    <li><a href="">Servicios</a>
      <ul>
        <li><a href="">Servicios1</a></li>
        <li><a href="">Servicios2</a></li>
      </ul>
    </li>
    <li><a href="">Acerca de nosotros</a>
      <ul>
        <li><a href="">Historia</a></li>
        <li><a href="">Contactanos</a></li>
      </ul>
    </li>
  </ul>
</div>