Ansonsten hab' ich noch eine Idee.
Das Menü in einen DIV-Layer legen, also so z.B. (ich kenn jetzt den genauen Code nich):
<div id="menubox">
<h2>Hauptmenü</h2>
list pages blalba
</div>
Für diesen Layer dann das in die CSS einbauen:
#menubox {
margin: 0px;
padding: 0px;
overflow: hidden;
width: 150px;
}
Dann sagt man den Menpünkten, dass sie gaaanz lang sein sollen:
ul.menu li.current_page_item a:hover {
color: #000 !important;
background: #9cff00;
text-decoration: none;
padding-right: 100px;
}
Die Box oben sorgt dafür, dass zu langes (also über der Breite von 150px) abgeschnitten wird.
Problem hier wieder: Das obere Menü greift auf die gleiche Klasse zu.
Aber vielleicht kann man das umgehen, in dem man das als zusätzliche CSS-Klasse einbaut und die ursprüngliche so lässt.
#menubox li.current_page_item a:hover {
color: #000 !important;
background: #9cff00;
text-decoration: none;
padding-right: 100px;
}
Nachtrag: Oder man gibt den anderen Dingern im Menü nicht die Klasse page_item bzw. current_page_item