Das ist eine Navigation mit variabler breite.
Die einzelnen Links wachsen mit.
Hier die Datei als zip Archiv mit allen Bildern und den Anweisungen.
Eine Testseite mit Navigation ist vorhanden.

Ihr könnt es Kostenlos Verwenden ändern,Weitergeben und selber zum Download anbieten.
Über eine backling würde ich mich freuen,ist aber keine Pflicht.

Das ist der Quellcode zur Navigation.

#navi ul {
  margin: 0px;
  padding: 0px;
  float: left;
  width:100%;
}
#navi li {
  margin: 2px 0 0 1px;
  height: 22px;
  float: left;
  display: block;
  text-align: center;
  background-image: url(hintergrund/link_f-0-0.png);
  background-repeat: no-repeat;
  font-size: 90%;
  font-weight: bold;
  border-bottom: 1px solid #cacaca;
}
#navi li:hover {
  color: #FFFFF0;
  text-decoration: none;
  background-image: url(hintergrund/link_g-0-0.png);
  background-repeat: no-repeat;
}
#navi a {
  padding: 4px 5px 5px;
  text-decoration: none;
  color: #171717;
  font-weight: bold;
  display: block;
  float: left;
  height: 13px;
  text-align: center;
  background-image: url(hintergrund/link_f-1-0.png);
  background-repeat: no-repeat;
  background-position: right top;
  margin-left: 3px;
}
#navi a:hover {
  color: #FFFFF0;
  text-decoration: none;
  background-image: url(hintergrund/link_g-1-0.png);
  background-repeat: no-repeat;
  background-position: right top;
}