We have a fairly simple left side subnavigation list on a site that we're using a background image for the bullets. The vertical alignment of the bullets image should align to the center of the menu text next to it. In IE & FF, this works great in all cases, including when there is nested UL's for the second-level menu items.
But in Safari and Chrome, the alignment of the bullet image when there is a nested UL drops a bit so it aligns with the bottom of the text. When there is no nested UL, it aligns properly and everything looks correct.
- Anybody want to take a stab at this one?
The only thing we see when using developer tools is that it appears the extra bit of padding above the text in the li's disappears in Safari/Chrome when there is a nested UL. Not sure why.
Here's a link to a page that has one menu item with the nested 2nd-level menu item (Staff & Faculty). Notice the right-angle quotes image next to that bottom link (Staff & Faculty) sits too low in Safari/Chrome only.
Menu Bullet Alignment Test