OK, sorry, I had to do a little more research. It looks like in the
specification for CSS Class names, you can't have an ampersand (&) or a question mark (?) as part of the class name. You can get rid of the question mark by changing your permalink style (Dashboard > Settings > Permalinks), but I don't know how you'd get rid of the ampersand since it seems to be stuck on there by your language plugin.
So, here's my solution: add a new class name to each menu item using JavaScript (jQuery), then refer to that class name in your CSS file instead.
Copy & paste this code into Appearance > Montezuma Options > Head > Insert Code > Bottom:
Code:
<script>
jQuery(document).ready(function($){
var iMenuNumber; // a counter variable
// Retrieve all LI items from menu1 and store them in a variable
var menu_items = $("#menu1 li");
// Cycle through all menu items
for (iMenuNumber = 0; iMenuNumber < menu_items.length; ++iMenuNumber)
{
// Add new class name to the menu item, in the pattern Menu1Item[n]
$(menu_items[iMenuNumber]).addClass("Menu1Item" + (iMenuNumber + 1));
}
});
</script>
Once the document loads (is ready), this code will add the class Menu1Item
n (where n is a number from 1 to the number of menu items that you have) to each menu item in menu1.
So now, when you edit your CSS settings, instead of this:
#menu1
.item?-p=187&lang=en > a > i {...}
#menu1
.item?-p=54&lang=en > a > i {...}
#menu1
.item?-p=257&lang=en > a > i {...}
You would code this:
#menu1
.Menu1Item2 > a > i {...}
#menu1
.Menu1Item3 > a > i {...}
#menu1
.Menu1Item4 > a > i {...}
This should work even if you change the pages that your menu items link to, or if you add or subtract menu items.