Om nah hoo pez nyeetz, tomtomtom!

nav  { display:table;  width:100%; }

ul  { display:table-row;  display:flex;  justify-content:space-between; }
li  { display:table-cell;  text-align:center;  flex-grow:1; }
nav a  { display:block; }

>   
> Bei einem alten Firefox-20 funktioniert das schön, der ignoriert einfach die ihm unbekannten flex-Einstellungen. Aber die neueren (habe Firefox-33 und Chrome-38 probiert) stören sich verständlicherweise an display:table-cell. Das zerbröselt mir das flex-Layout. Das Table-Layout wiederum kommt nicht ohne seine Tabellen-Zellen aus.  
  
So, wie du die displa-Eigenschaft für ul überschreibst, kannst du das auch für nav und li tun.  
  
Matthias

-- 
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen [Bucht und Buchtitel](http://selfhtml.apsel-mv.de/java-javascript/index.php?buchstabe=B#bucht).  
![](http://www.billiger-im-urlaub.de/kreis_sw.gif)