V IE všechno OK, Firefox blbne a nevím jak na to.

Dělám stránku, na které používám CSS styly. V nich jsem si udělala dva druhy menu. Když jsem do HTML kódu vkládala to první menu, v Mozille Firefox to bylo asi o 10 px posunuté, v IE to šlo v pohodě. Tak jsem hledala tady na jakpsatweb a našla zmínku o -moz-box-sizing : border-box;. Vložila jsem do CSS a hned to šlo i ve Firefoxu normálně. Ale teď, když už tam mám i ten druhý druh menu, nejede to! To první menu je zarovnáno správně, to druhé ne. Jak je to možné? Zkoušela jsem i různé hacky, ale to už nejede vůbec.

Dobře, tady je kód, který mám na stráce style.css :

body {SCROLLBAR-FACE-COLOR: #B4B469;
SCROLLBAR-HIGHLIGHT-COLOR: #B4B469;
SCROLLBAR-SHADOW-COLOR: #B4B469;
SCROLLBAR-3DLIGHT-COLOR: #B4B469;
SCROLLBAR-ARROW-COLOR: #636407;
SCROLLBAR-TRACK-COLOR: #B4B469;
SCROLLBAR-DARKSHADOW-COLOR: #B4B469;

font-family:Verdana;
font-size: 8pt;
color: #525306;
}

p {color: #525306; font-family:Verdana; font-size:8pt; text-indent: 20px; margin: 0px; }

a {color: #d59412; font-family:Verdana; font-size:8pt; text-decoration: none; text-transform: uppercase; }

a:hover { color: #525306; text-decoration: none; cursor: default }

a img {border-color: #525306}

#menu a, #menu a:visited {
text-decoration:none;
text-align:center;
background-color:#B4B469;
color:#525306;
display:block;
width:183px;
padding:0.2em;
margin:0.5em auto;
border-right:5px solid #636407;
border-left:5px solid #636407;
}
#menu a:hover {
border-right:5px solid #D59412;
border-left:5px solid #D59412;
}


.nadpis {
color:#f4f5e5;
background-color:#d59412;
padding:2px;
text-decoration:bold;
font-weight:bold;
text-transform: uppercase;
font-family: Verdana;
font-size:7pt;
border-bottom: 1px solid #525306}

#psi a, #psi a:visited {
text-decoration:none;
text-align:right;
font-size:6.5pt;
background-color:#DAD9C5;
color:#656338;
display:block;
width:91px;
padding:0.2em;
margin:0.5em auto;
}
#psi a:hover {
background-color:#E4E3CF;
text-align:left;
font-weight:bold;
}

* {-moz-box-sizing: border-box}

Potom mám na každé stránce zvlášť tento kód: <link rel="stylesheet" type="text/css" href="style.css">, který na toto jakože odkazuje. A můj problém je ten, že menu #menu mám zarovnané v EI i Firefoxu normálně, ale menu #psi už je posunuto v Mozille Firefox. Můžete mi nějak poradit?

Jo, promin, tady je ještě úryvek z HTML, zrovna ten, kde jsou ty dva menu!

<div id="menu" style="position: absolute; left: 732px; top: 375; width: 122; height: 200">
<a href="news.htm"><b>home</b></a>
<a href="gbooks.htm"><b>diskuse</b></a>
<a href="hlidaci"><b>hlídači</b></a>
<a href="for_sale.htm"><b>chrti na prodej</b></a>
<a href="plan.htm"><b>tréninkový plán</b></a>
<a href="ostatni"><b>ostatní</b></a>
</div>

<div id="psi" style="position: absolute; left: 732px; top: 540; width: 122; height: 200">
<a href="fdf">Anahita</a>
<a href="dfd">B. Elegant</a>
<a href="fdf">Black Sabath</a>
<a href="fdf">Bow</a>
<a href="fdf">Canuoku</a>
<a href="fdf">Clare</a>
<a href="fdf">Cora</a>
<a href="fdf">Dabdie</a>
<a href="fdf">Dame</a>
<a href="fdf">Dark Angel</a>
<a href="fdf">Death</a>
<a href="fdf">Fish</a>
<a href="fdf">Gogo</a>
</div>
<div id="psi" style="position: absolute; left: 824px; top: 540; width: 122; height: 200">
<a href="fdf">Linda</a>
<a href="dfd">Monday S.D.</a>
<a href="fdf">Moon</a>
<a href="fdf">Nash Nash</a>
<a href="fdf">Puzzle</a>
<a href="fdf">Rendy</a>
<a href="fdf">Seven</a>
<a href="fdf">Snow</a>
<a href="fdf">Sorry</a>
<a href="fdf">Tallulah</a>
<a href="fdf">Tamara</a>
<a href="fdf">Tea</a>
<a href="fdf">Whary Z.R.</a>
</div>

A odkaz na tu stránku: http://chsgb.xf.cz . Mě jenom zaráží, že mi to první jede v IE i Firefoxu dobře, ale to druhé už ne! Jinak díky za pomoc, fakt jsem s tím určitě otravná, ale prostě si nevím rady.

Ladik -> moc díky, hned to jdu zkusit. Zatím nemám moc zkušeností, takže jsem ti hrozně vděčná za pomoc!

Takže píšu zas, nějak mi nedošlo, abych to napsala do jednoho. ID jsem změnila podle rady, stejně jako link na css. Pak jsem se zaměřila na tu šířku. Nevím, jak to bylo přesně myšleno, takže jsem napoprvé nastavila v HTML místo 122px 183px. Ve Firefoxu se to posunulo doprava ještě více, což mě motivovalo změnit 183px na 91px stejně, jako je v CSS. Takže teď už mi to jede úplně stejně v obou prohlížečích. Ještě jednou tedy moc díky.