Usunięcie podkreślenia w menu

Z paskiem i z resztą przy pomocy MrPigmeja jakoś sobie poradziłem ale teraz kolejny problem. Chodzi o menu, chcę usunąć podkreślenie chcę je usunąć. Próbowałem z text-decoration: none wszędzie to wpisywałem i nic :confused:

Tutaj jest to co mam: http://dl.dropbox.com/u/1090199/index.html

A tutaj CSS:

body

{

background: #2f2d2f url(pasek.png) repeat-x;



}

#calosc

{

	width: 852px;

	margin: 0 auto;

}

#bialetlo

{

	width: 852px;

	height: 308px;

	background-color: white;


	}



#pasek2

{

	background-image: url(pasek2.png);

	width: 852px;

	height: 3px;

	margin-top: 1px;


}

#logotyp

{

	background-image: url(logotyp.png);

	width: 321px;

	height: 42px;

	margin-top: 75px;

}

#menu

{


	float: right;

	display: inline;



}

#menu li

{

	display: inline;

	padding: 10px;

	text-decoration: none;


}

	#menu a

	{

		font-family: tahoma;

		color: #6d6d6d;

		font-size: 12px;


	}

	#menu ul

	{

		list-style: none;

		text-decoration: none;

	}

	#menu p{

		display: inline;

		color: #444;

		font-size: 10px;


	}
#menu ul li a { text-decoration: none; }

Już git dzięki. Powiedz jeszcze czy wystarczyło dać w selektorach menu ul, menu li, menu a - text-decoration: none czy trzeba stworzyć jeden selektor menu ul li a?

Reguła, którą ci podałem odwołuje się do odnośników () znajdujących się w elementach listy (

) w listach () w elemencie o ID #menu. Zapis ten nie oznacza , że nadajesz text-decoration dla #menu, oraz ul, li i a, jeśli tak miało by się stać, zapis musiałby wyglądać tak:

#menu, ul, li, a { text-decoration: none; }

Aha rozumiem dzięki