I am able to add unique ids to menu links by either adding code to my theme's template file or by using a menu module; however, I would like to add a unique id to the ul tag that encapsulates the menu li links. The reason that I would like to implement this is to style the menu as a whole instead of the menu's individual links. My ultimate goal is to take the whole menu and float it to the right in the header-top region of drupal. I am rather new to Drupal so, perhaps there is another way to achieve this?
I originally attempted custom css styles using the skinr module without success. The skinr module was able to move the menu's title to the right, but the menu's links were still located at the left of header-top.
My setup consists of Drupal 7
UPDATE I was able to add a custom CSS class "user-menu" to the user-menu block. Next I added a custom css to mix-and-match-style.css
css code:
.user-menu ul li {
padding: 0;
float: right;
}
The css code seems to float: right the menu, but the links are not ordered properly once floated to the right. The correct order of the links should be "My account | Log out". When the list is floated to the right the order changed to: "Log out My account |"
Is that a bug or am I not understanding something?