Hi all,
I am working on a site that I'm using the built in submenu system (just creating menu items and making their parents other menu items). I have images that I am displaying to the left of each. My problem is that with the submenus, when I display a menu name that is long enough that it would need to wrap, it doesn't. It instead dumps the text below the image.
Here's the site:
www.rcri-inc.net
As you can see, on the main menu, Clinical Trial Design & Management wraps just fine, but if you click on it to get the submenu, you can see that it doesn't align with the indent icon. If I remove the icon, it shifts up and seems to align properly. Also, if I shorten the text to where it doesn't need to wrap, it lines up fine. Any ideas as to why? The CSS for the main and submenu's is exactly the same except that on the submenus, I removed a padding that I have on the main menu.
What's odd is that if you look at the submenu under the first menu, Regulatory Services, it gets dumped below the indent icon even though it "appears" as though it should fit without a wrap.
Thanks for any thoughts!