Top menu dropdown CSS oddities

Help / Discuss
1

menu%20issues

So my site is about to go live and I’m wanting to get my menu below the top header to populate dynamically. I have code that does this to my liking and the bulletted view matches up with what I want, but there are some oddities happening with display (see attached)

  1. for some of the top level items, the drop down indicator is shifted to the next line
  2. for any menu items that have a drop down, the text is offset and the indicator (down arrow) is shifted down
  3. for items that have a long name, the text is trucated (i.e. the word “Documentation” is “documen…”)

I can live with number 3, but the others look pretty messy.

where can I start to figure out what’s going on?

I’m on 10.8.1 with a vanilla flamingo skin.
Thanks,

2

So I did some CSS inspection last night and could adjust things to resolve number 3, I could somewhat resolve #2, but had alignment issues with non-dropdown entries and the arrow still appeared on the next line.

it seems as though the dropdown submenus have an extra padding to the left, and I have not been able to enact any change to the down arrows beyond just disabling them.

I can show my code if that would help but the html output looks clean to me.