Проблема с CSS, почему она движется сама?

Question

Я застрял в части CSS, помогаю другу реализовать одну вещь на ее веб-странице. Это выпадающее меню, и у меня все работает так, как я хочу. Моя проблема в том, что он перемещается в начало строки?

http://gazet.se/TestPages/Test.aspx

Как мне получить его по центру?

(я удалил код, который был решен для уменьшения размера)

Answer 1

В меню есть идентификатор с именем # jsddm

#jsddm {
float:left;
margin:0;
padding:0;
}

Снять поплавок влево - это первый шаг. Во-вторых, вы должны поместить все меню в один список с подуровнями в виде вложенных списков и избавиться от разделителей img - их можно добавлять в качестве фоновых изображений через css. Я предлагаю вам создать новую структуру для вашего меню. Вот хорошая статья, объясняющая это http://www.alistapart.com/articles/dropdowns/

По сути, все, что вам нужно сделать, это добавить дополнительные элементы <li> в #jsdm и переместить все ссылки меню внутри него.

Answer 2

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