Hallo,

versuche schon seit Stunden ein bestimmtes Problem zu lösen.
Ich möchte mehrere Buttons nebeneinaber darstellen und das Ganze  zentriert (auf der Seite). Wenn die Fensterbreite kleiner wird, sollen die Buttons in die nächste Zeile umbrechen.
Mit der Lösung unten, umbrechen zwar meine Buttons in die nächste Zeile, aber wegen dem "float:left" kleben sie an der linken Fensterseite und sind nicht zentriert.
Nehme ich das "float:left" raus, ist zwar alles zentriert aber die Buttons sind dafür untereinander.

Wichtig: Die Buttons müssen umbrechen wenn die Fensterbreite kleiner wird.

CSS:

.center{
 margin:0px auto;
 text-align:center;
}

.navi_container {
 height:26px;
 width:100%;
}

a.but:link, a.but:visited {
        display: block;
        width: 104px;
        height: 26px;
 float:left;
 background-image: url(../pix2/but/butvor2.gif);
 text-align:center;
 line-height:26px;
 text-decoration:none;
 color:#999999;
 font-family:Arial, Helvetica, sans-serif;
}

HTML:

<div class="navi_container center"><a class="but" href="s">Startseite</a><a class="but" href="s">Startseite2</a></div>