Estilo de Menu Css o WebControl

[Bellido]

Hola, he creado un webControl de un menu, que obtiene los datos de unas listas, pero el problema lo tengo al darle los estilos. Quiza el tema deberia estar en el apartado de CSS pero como no se seguro si lo que hay que modificar es en el css o en el webcontrol lo pongo aqui.

Tengo el siguiente menu:


y me gustaria que el primer desplegable, la primera ventanita que se abre, que es al mantener el raton encima de la flechita de MiSitio, aparezca debajo y hacia la izquierda de la pantalla, casi tocando el margen izquierdo, pero que las siguientes aparezcan a continuación de esta última, tal y como esta pero todo hacia la izquierda, el problema es que en el Menu declaro el siguiente estilo

DynamicMenuStyle-CssClass="ms-topNavMiSitioFlyBack"

y en el css hay lo siguiente:

.ms-topNavMiSitioFlyBack{
background-color:#FFFAA9;
border:1px solid #666666;
margin:-5px;
margin-top:10px;
padding: 1px;

}

Si añado un margin-left: -100px;

la primera sale donde me interesa, pero las siguientes salen con un margin-left -100px respecto a esta primera.

Espero haberme explicado y que podais responderme!
Gracias!!

[Attanar]

Se me ocurre (a lo mejor es una tontería, pero por decirlo que no quede) que podrías dar un tipo CSS al primer menú y otro distinto a los menús restantes, de forma que el primero tenga -100 mientras los demás tengan el normal.

[Bellido]

Tener dos estilos diferentes, uno de -100 para aplicar al primero y el normal para los siguientes. También se me ha ocurrido, pero no se como llevarlo a cabo.

En el menu, la opcion para asignar el estilo al desplegable es:

DynamicMenuStyle-CssClass="ms-topNavMiSitioFlyBack"

Como lo digo que tiene que cambiar el estilo en función si es el primero o los siguientes?

Mi idea principal era esa, aplicar un tipo de margin a uno y a los demas normal, pero como lo hago?

Gracias!! por contestar!