Positionierung eines Containers in einem Container

[Sven K.]

Ok danke! Habs jetzt! Hier der Code:

#navi
{width: 100%;
margin: 0;
background-image: URL("background.gif");}

.buttoncontainer
{width: 800px;
height: 34px}

.button a
{color: rgb(255,255,255);
background-color: #2175bc;
padding: 2px;
padding-left: 3px;
padding-right: 3px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
border-bottom: 1px solid #B2B5B6;
border-top: 1px solid #B2B5B6;
font: 11px Times New Roman;
text-decoration: none;
text-align: center;
margin-top: 1px;
margin-right: 3px;
width: 100px;
float: left}

.button a:hover
{border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
text-decoration: none;
color: rgb(255,255,255);
background-color: #2586d7;
width: 100px;}

Wegen dem mittig machen: Also der "navi"-Container ist ja 100% des Bildschirmes lang! Nun soll der "buttoncontainer" mittig in dem "navi"-Container zentriert werden! Wie kann ich das am besten lösen?

mfG
Sven