Description of problem:
2nd level nav item and 3rd level nav item have the same ID.
Example: subscriptions 2nd level nav, and Red Hat Subscriptions 3rd level nav, both have id "subscriptions".

This violates html spec and makes it more difficult for selenium to locate the proper element in UI automation.  

<li class="content second_level menu_parent" data-dropdown="subscriptions" data-menu="content" id="subscriptions">
  <div class="arrow_icon_menu"></div>
  <a href="/katello/subscriptions">Subscriptions</a>
  <ul style="display: none;" class="">
    <li class="content third_level" data-dropdown="subscriptions" data-menu="subscriptions" id="subscriptions">
      <a href="/katello/subscriptions">Red Hat Subscriptions</a>
    </li>
    <li class="content third_level" data-dropdown="subscriptions"
        data-menu="subscriptions" id="activation_keys">
      <a href="/katello/activation_keys">Activation Keys</a>
    </li>
    <li class="content third_level" data-dropdown="subscriptions" data-menu="subscriptions" id="import_history">
      <a href="/katello/subscriptions/history">Import History</a>
    </li>
  </ul>
</li>
Version-Release number of selected component (if applicable):
Katello Version: 1.2.1-1.git.581.56af41a.el6_3

How reproducible:
always

Steps to Reproduce:
1.
2.
3.
  
Actual results:


Expected results:


Additional info:
I hit this trying to make all our automation locators "locale independent", so we can no longer count on the link text being in English.  That's why we need the ids to be unique.