ширина вертикального ul

[kalyaka-malyaka]

мозг натерла, спасите меня, плиз

есть вертикальный список, у которого ширина должна зависеть от текста в li. а ul, зараза, элемент блочный и тянется на всю ширину родителя. а у него рамочки, поэтому ширина растянутая заметна. что плохо.

код такой:

ul.categories {
	border: solid 1px #464646;
	border-bottom: none;
	width: auto;
}
ul.categories, ul.categories li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
ul.categories li {
	padding: 3px 16px;
	border-bottom: solid 1px #464646;
}
ul.categories li a {
	font-size: 11px;
	color: #fffffc;
	text-decoration: none;
	text-transform: uppercase;
}
ul.categories li a:hover {
	color: #ff7800;
}

помогите, а? что сказать улу, чтоб в ширину не тянулся? просто туплю

Edited January 13, 2009 by kalyaka-malyaka

[Колос]

color: #fffffc;

Хорошая шутка.

Edited January 13, 2009 by Колос

[kalyaka-malyaka]

color: #fffffc;

Хорошая шутка.

как нарисовано, так и режу я за гениальной мыслью этого дизайнера не поспеваю.

[Колос]

Загрузил себе пример - ничего не вижу - что за ерунда

Если у ul.categories написать width:1px, то список буде растягиваться по самому широкому из li. Но тогда границы надо как-то по-другому отрисовывать.

[Victor Ananiev]

я не знаю, но может для ul display:inline; поможет?

[kalyaka-malyaka]

не, инлайн делает список горизонтальным

[rash]

Его бы из потока вырвать, тогда перестанет тянуться на всю доступную ширину, float'ом или absolute'ом. Если макет позволяет.

[Victor Ananiev]

хм, точно) лан а джс?

опоздал)

Edited January 13, 2009 by Victor Ananiev

[kalyaka-malyaka]

rash

йес!!!!! флоат!!!!!!! чмок