меню уезжает

[sh1va]

Пытался сделать менюшку, вроде получилось, только она почему-то съезжает.

http://srv19341.ht-test.ru/index.php

.menu ul {
	list-style:none;
}

.menu li {
	width:80px;
	float:left;
	position:relative;
}
.menu li ul {
	display:none;
	position:absolute;
	z-index:1;
}
.menu li a{
	padding:5px;
	text-decoration:none;
	color:#CCC;
	padding:2px;
	border:1px solid #666;
	display:block;
	border-collapse:collapse;
}
.menu li a:hover {
	background:#666;
}
.menu li:hover ul, li.over ul { 
	display: block; 
   }

Если честно последний пункт я просто слизал. Что значит li:hover ul, li.over ul ?

И почему не работает border-collapse:collapse; ?

[voooodoo]

  sh1va said:

Пытался сделать менюшку, вроде получилось, только она почему-то съезжает.

http://srv19341.ht-test.ru/index.php

.menu ul {
	list-style:none;
}

.menu li {
	width:80px;
	float:left;
	position:relative;
}
.menu li ul {
	display:none;
	position:absolute;
	z-index:1;
}
.menu li a{
	padding:5px;
	text-decoration:none;
	color:#CCC;
	padding:2px;
	border:1px solid #666;
	display:block;
	border-collapse:collapse;
}
.menu li a:hover {
	background:#666;
}
.menu li:hover ul, li.over ul { 
	display: block; 
   }

Если честно последний пункт я просто слизал. Что значит li:hover ul, li.over ul ?

И почему не работает border-collapse:collapse; ?

добавляйте

... ul {padding:0;}

[Yahoo!]

  Quote

Если честно последний пункт я просто слизал. Что значит li:hover ul, li.over ul ?

И почему не работает border-collapse:collapse; ?

li:hover ul - задаёшь стиль для списка, с которым что-либо делается, когда наводится курсор мыши на родительский пункт списка;

li.over ul - задаёшь стиль для списка, который находится внутри пункта списка с классом over;

надеюсь, понятно объяснил.

border-collapse работает только для таблиц.