Problemas de espaciado JQuery DropDown

Tengo problemas para obtener texto en un menú desplegable uno debajo del otro. ¿Alguna de idea de cómo arreglarlo?

Aquí está el HTML y C #

<ul class="dropdown">
  <li>
     <p class="MenuOverskrift">
        <a href="#">Produkter</a>
     </p>

     <ul>
        <asp:Label ID="lbl_Standard_Panel" runat="server" Text="" />
     </ul>
   </li>
</ul>

string standard_Menu = "";

        foreach (Products group in Products.GetEvereGroup(connection))
        {
            standard_Menu += "<li>" +
                "<p>" +
                group.GroupName +
                "</p>" +
                "<ul>";

            foreach (Products product in Products.GetProductsByGroup(group.GroupID, connection))
            {
                standard_Menu += "<li>" +
                    "<p>" +
                    "<a href=\"_" + product.Link + "\">" + product.ProductName + "</a>" +
                    "</p>" +
                    "</li>";
            }

            standard_Menu += "</ul>" +
                "</li>";

            lbl_Standard_Panel.Text = standard_Menu;
        }

Y aquí está el CSS

#Menu_Standard
{
position: relative;
left: 550px;
width: 100px;
}
#Menu_Standard ul li ul li p
{
    color: #9c8b5c;
}
    #Menu_Standard ul ul ul
    {
        right: 100px;
    }
        #Menu_Standard ul li ul li a
        {
            color: #9c8b5c;
            text-decoration: none;
            font-size: medium;
        }
            #Menu_Standard a
            {
                color: #9c8b5c;
                text-decoration: none;
                font-size: x-large;
            }

ul.dropdown ul
{ 
visibility: hidden;
position:relative; 
z-index:1;
width: auto;
}

ul.dropdown li:hover > ul
{ 
visibility: visible;
background-color: #373741;
filter:alpha(opacity=60);
border-radius: 15px;
padding: 5px;
}

y aqui una foto del problema enter image description here

Cualquier ayuda sería apreciada

solucionó parte del problema cambiando la visibilidad: oculto; para mostrar: ninguno;

pero el problema sigue ocurriendo mientras se cierne enter image description here

preguntado el 22 de mayo de 12 a las 19:05

1 Respuestas

cuando visibility: hidden propiedad se establece para un elemento que el elemento se comporta como su opacidad es 0, use display: none preferiblemente.

contestado el 22 de mayo de 12 a las 20:05

¿Tienes alguna idea de cómo solucionar mi otro problema? - Michael Tot Korsgard

@MichaelTotKorsgaard, ¿has reemplazado todo? visibility propiedades con display? - indefinido

sí, pero el nuevo resultado ocurre cuando paso el mouse sobre "Smykker" y aparece la segunda lista: Michael Tot Korsgard

@MichaelTotKorsgaard Puedo ver #Menu_Standard allí, que se ha establecido en 100 px desde la derecha, si esa es la parte del menú, empuja los otros elementos hacia abajo, si no quieres ver espacio entre los elementos del menú principal. position: absolute porque se mostrarán elementos. - indefinido

bueno, no ayudó a establecer la posición de #Menu_Standard en absoluto, pero ayudó a hacerlo en ul.dropdown ul ^^ - Michael Tot Korsgard

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.