Проблема ширины CSS для абсолютно правого элемента

Question

У меня есть раскрывающаяся навигация, которая отлично работает при позиционировании с помощью свойства left CSS.

http://jsfiddle.net/durilai/nmME4/1/

Вы можете видеть, что раскрывающийся список настраивается на ширину содержимогоОднако я бы хотел позиционировать right.Когда я это сделаю, ширина выпадающего меню не будет соответствовать содержанию.Вы можете увидеть это поведение на скрипке ниже.

http://jsfiddle.net/durilai/cTSJt/2/

Любая помощь приветствуется, также приветствуются любые знания о причинах такого поведения.

Answer 1

Кажется, что right: 100px в ul устанавливает ширину 100px.

Если это не требует абсолютного позиционирования, тогда используйте float: right; и используйте margin-right: 100px;.

JSFiddle: http://jsfiddle.net/cTSJt/12/

Answer 2

Хорошо, в общем, насколько я вижу, проблема была вызвана использованием элемента (в данном случае ul) непосредственно в качестве селектора.

Я полагаю, что это мешало элементам ul в вашем CSS. Простое изменение первого правила CSS с ul на ваш ID (Navigation_Main) решает проблему.

Фиксированный пример> http://jsfiddle.net/cTSJt/10/

Спасибо

Answer 3

Вы пытались использовать div вместо элемента unorder list (ul). Поскольку вы используете CSS для удаления всех стилей по умолчанию, которые делают «ul» элементом списка, почему бы не использовать div для начала. Я не могу гарантировать, что это решит проблему, но это устраняет ненужный CSS, и вы могли бы легче определить проблему

А на самом деле нельзя использовать ul только для пунктов с маркером, в текстовом документе?