Sorry, muss leider klein beigeben, wüsste nicht wie man dein Problem lösen kann.Mein Ansatz wäre gewesen:
ul.menu1 li {float: left;display:block;width:33.3%;text-align:center}
ul.menu1 li a,a:link {border-bottom:5px solid #ccc;display:block}
ul.menu1 li a:hover {border-bottom:5px solid #707070;display:block}
Dadurch müsstest du aber den li-Elementen feste Größen zuweisen(50% / Anzahl der Links) und vom Design her ist es dann natürlich nicht mehr ganz das was Du willst.Oder du müsstest für jedes li-Elemente eine klasse machen, in der die Größe für das jeweilige Element bestimmt wird. Ein anderer Lösungsweg fällt mir leider nicht ein.
Grüße
Tunnel85