na střed a FF

Na mých zkušebních stránkách http://damian3.wz.cz/ se mi vyskytl problém: stránka se ve FF nezarovná na střed. Čím to?
Sytly:

body {
text-align: center; margin: auto;
font-family: Tahoma; font-size: 12px;
background-image: url(img/pozadi.gif); background-repeat: repeat-x;
}
#logo {
width: 685px; height: 92px;
background-image: url(img/logo.gif);
}
#stred {
width: 685px;
background-image: url(img/pozadiCely.gif);
background-color: white;
height: 100%;
}
#menu {
width: 124px; float: left; text-align: left; margin-left: 3px;
background-color: white;
height: auto;
}
#main {
width: 545px; float: right; text-align: left; margin-right: 5px; height: 100%;
background-color: white;
}
Vlastnost margin: auto musi prijit do #stred.
Já bych to celý obalila ještě divem třeba #stranka a tomu dala margin:auto. Mít to u #stred, jak píše Sojkovec, to IMHO nestačí, protože pak se nevystředí i logo, jestli jsem to dobře pochopila.
Skvělý už to funguje. Díky.
Ale teď ještě jeden problém, jak mám to menu, tak je zase ve FF asi 20 pixelů od levýho okraje vzdáleno a je tam prázdno.

STYLY:
ul {
margin: 0px 0px 1px 2px;
}
li {
list-style-image: url(img/tecka.gif);
}
li a{
color: #0D7300;
}

HTML:

<ul>
<li><a href="online.php?kategorie=bojové&limit=0">Bojové</a></li>
<li><a href="online.php?kategorie=brutální&limit=0">Brutální</a></li>
<li><a href="online.php?kategorie=karetní&limit=0">Karetní</a></li>
<li><a href="online.php?kategorie=logické&limit=0">Logické</a></li>
<li><a href="online.php?kategorie=oddechovky&limit=0">Oddechovky</a></li>

<li><a href="online.php?kategorie=postřehové&limit=0">Postřehové</a></li>
<li><a href="online.php?kategorie=skákačky&limit=0">Skákačkyé</a></li>
<li><a href="online.php?kategorie=skládačky&limit=0">Skládačky</a></li>
<li><a href="online.php?kategorie=sportovní&limit=0">Sportovní</a></li>
<li><a href="online.php?kategorie=srandičky&limit=0">Srandičky</a></li>
<li><a href="online.php?kategorie=stolní&limit=0">Stolní</a></li>
<li><a href="online.php?kategorie=strategie&limit=0">Strategie</a></li>
<li><a href="online.php?kategorie=střílečky&limit=0">Střílečky</a></li>
<li><a href="online.php?kategorie=střílečky&limit=0">Video</a></li>

<li><a href="online.php?kategorie=střílečky&limit=0">Závodní</a></li>
<li><a href="online.php?kategorie=střílečky&limit=0">Pro dva</a></li>
</ul>
Zkus si pohrát s margin-left u tagu li.