[CSS] Border + Mozilla

[Gappa]

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:

.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:

<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 :)))

[Jezevec]

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;
}

[PiT]

Mas chyby v CSS

Opravene:

.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

.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

[Gappa]

Díky díky )

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