[CSS] Border + Mozilla

Zdravím! :-)

Přišel sem si k vám zalamit, protože už mi to leze silně na nervy :))
ale k věci:

Mam tenhle CSS kód:

Kód:

---

.menu {
        width: 152;
        border: 1 solid AAAAAA;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        background-color: FFFFFF;
        }
       
.menu-head {
        border-bottom: 1 solid AAAAAA;
        width: 100%;
        padding: 0 0 0 0;
        margin:0 0 0 0;
        background-color: CCECFF;
        font: bold 15px Tahoma;
        text-align: center;
        }

.menu-head2 {
        border-top: 1 solid AAAAAA;
        border-bottom: 1 solid AAAAAA;
        width: 150;
        padding: 0 0 0 0;
        margin:0 0 0 0;
        background-color: CCECFF;
        font: bold 15px Tahoma;
        text-align: center;
        }

.menu-main {
        width: 150;
        padding: 0 0 0 5;
        margin:0 0 0 0;
        background-color: FFFFFF;
        font: normal 13px Verdana;
        }

---

a pak HTML kód:

Kód:

---

<div class="menu">
<div class="menu-head">Menu</div>
<div class="menu-main">
· News

· About Me

· Downloads

· Contact

· Forum

</div>

<div class="menu-head2">Links</div>
<div class="menu-main">
Rebirth.tk

Propellerheads

Fruity Loops Studio

Native Instruments

Sonic Foundry

LAME MP3

Reasonstation

HitSquad

Ogg Vorbis

Sonique

Foobar

WinAMP



Maxthon

Mozilla

CDex

DivX

Total Commander
</div>
</div>

---

Problém je v tom, že v Mozille se prostě nezobrazí "border". IE 6.0 a Opera 7.54 no problemo.
Jsem se s tim patlal bůhví jak dlouho (začínám s CSS) a když to krásně fungovalo jak v IE, tak v Opeře, tak sem si řek, že to otestuju i v Mozille (to sem neměl dělat :)))) a dopadlo to nakonec tak, že to právě v ní moc dobře nefachá :((

Takže prosím jasně a stručně vysvětlit, co sem zase zmršil :)))

W3C CSS Validator Results for file://localhost/dsd.css

To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.
Errors
URI : file://localhost/dsd.css

* Line: 0 Context : .menu

Invalid number : widthonly 0 can be a length. You must put an unit after your number : 152
* Line: 0 Context : .menu

Invalid number : border1 is not a border value : 1 solid AAAAAA
* Line: 0 Context : .menu

Invalid number : background-colorFFFFFF is not a color value : FFFFFF
* Line: 0 Context : .menu-head

Invalid number : background-colorCCECFF is not a color value : CCECFF
* Line: 0 Context : .menu-head2

Invalid number : widthonly 0 can be a length. You must put an unit after your number : 150
* Line: 0 Context : .menu-head2

Invalid number : background-colorCCECFF is not a color value : CCECFF
* Line: 0 Context : .menu-main

Invalid number : widthonly 0 can be a length. You must put an unit after your number : 150
* Line: 0 Context : .menu-main

Invalid number : paddingonly 0 can be a length. You must put an unit after your number : 0 0 0 5
* Line: 0 Context : .menu-main

Invalid number : background-colorFFFFFF is not a color value : FFFFFF

Warnings
URI : file://localhost/dsd.css

* Line : 0 font-family: You are encouraged to offer a generic family as a last alternative

Valid CSS information

* .menu {
o padding : 0;
o margin : 0;
}
* .menu-head {
o border-bottom : medium none inherit;
o width : 100%;
o padding : 0;
o margin : 0;
o font : bold 15px Tahoma;
o text-align : center;
}
* .menu-head2 {
o border-top : medium none inherit;
o border-bottom : medium none inherit;
o padding : 0;
o margin : 0;
o font : bold 15px Tahoma;
o text-align : center;
}
* .menu-main {
o margin : 0;
o font : normal 13px Verdana;
}

Mas chyby v CSS

Opravene:

Kód:

---

.menu {
  width: 152px;
  border: 1px solid #AAAAAA;
  padding: 0px;
  margin: 0px;
  background-color: #FFFFFF;
  }

.menu-head {
  border-bottom: 1px solid #AAAAAA;
  padding: 0px;
  margin: 0px;
  background-color: #CCECFF;
  font: bold 15px Tahoma;
  text-align: center;
  }

.menu-head2 {
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  padding: 0px;
  margin: 0px;
  background-color: #CCECFF;
  font: bold 15px Tahoma;
  text-align: center;
  }

.menu-main {
  padding: 0px 5px;
  margin: 0px;
  background-color: #FFFFFF;
  font: normal 13px Verdana;
  }

---

Nebolo by lepsie to dat takto ???

Kód:

---

.menu {
  width: 152px;
  padding: 0px 1px 1px;
  margin: 0px;
  background-color: #AAAAAA;
  }

.menu-head {
  border: solid #AAAAAA;
  border-width: 1px 0px;
  padding: 0px;
  margin: 0px;
  background-color: #CCECFF;
  text-align: center;
  font: bold 15px Tahoma;
  }

.menu-main {
  padding: 0px 5px;
  margin: 0px;
  background-color: #FFFFFF;
  font: normal 13px Verdana;
  }

---

A namiesto head2 pouzivat iba head

Díky díky :))

PiT: ano, taky to tak funguje a bude to asi i lepší :)