Меню с помощью DIV и CSS проблемы

[Xen]

Суть проблеммы такова. Необходимо сделать меню с помощью дивов.[*] не подходит.

Когда делаю тестовый файл где есть только меню то все работает

<div class="menu_left">
****
****<div class="level2">
 *
 *
 *<div class="level3">
 *****[Только зарегистрированные пользователи могут видеть ссылки. ]

 *****[Только зарегистрированные пользователи могут видеть ссылки. ]

 *</div>
 *
 *
****</div>
****
****
****
</div>

Собственно CSS файл

.menu_left a{
 * *color: #666666;
}
.menu_left a:hover{
 * *color: BLACK;
}
.plus{
 * *background: url('/themes/default/images/square_1.gif') no-repeat 0px 2px;
****overflow: hidden;
****display: inline-block;
****float: left;
}
.arrow{
 * *background: url('/themes/default/images/square_2.gif') no-repeat 0px 2px;
}
.arrow_down{
 * *background: url('/themes/default/images/square_3.gif') no-repeat 0px 2px;
}
a.noselroot{
 * *left: 15px;
 * *position: relative;
}
a.selroot{
 * *left: 15px;
 * *position: relative;
 * *font-weight: bold;
}

a.nosel{
 * *left: 15px;
 * *position: relative;
}
a.sel{
 * *left: 15px;
 * *position: relative;
 * *font-weight: bold;
}

.level2{
 * *padding-left: 15px;
}
.level3{
 * *padding-left: 15px;
}
.level4{
 * *padding-left: 15px;
}
.level5{
 * *padding-left: 15px;
}
.level6{
 * *padding-left: 15px;
}
.level7{
 * *padding-left: 15px;
}

Все работает хорошо, но когда вставляю в страницу этот код, то пропадают графические элементы перед первым пунктом меню, причем, это происходит только в IE в опере и firefox все нормально.

Примерная иллюстрация того как пропадает (затер только названия разделов)

[Только зарегистрированные пользователи могут видеть ссылки. ]

Помогите пожалуйста с этим меню!
Заранее огромное спасибо!

[Zigzag]

первые замечание, юзаете css+div, юзайте xhtml, соответственно берите классы в крвычки в коде, так же юзайте элементы семантически верно, тогда будет меьше таких проблем. отмечу, что слишком запутан код, слищком много классов ненужных. часика через 2 освобожусь и посмотрю внимательнее код. а почему нельзя списком меню?

З.Ы. Меню так должно выглядетЬ??

Menu item 1Sub menu item 1
Sub menu item 2
Sub sub menu item 1
Sub sub menu item 2

Sub menu item 3
Sub menu item 4
Menu item 2 Menu item 3 Menu item 4

[Xen]

Использовать список не получится потому как движок использует AJAX и он так спрограммирован, что использовать списки не получится.

Цель такая - сделать трехуровневое меню.

[Saint_Matrix]

Скорее всеего в шаблоне есть другие блоки или же вставляешь в уже существующий блок. Проверь повнимательнее код. Можно, например открыть не исходник, а view source и там искать баг.

[Zigzag]

короче, времени ща совсем нету разбирать код, но по тому что увидел, предложу загнать, каждый сгенерированный div (пункт меню) в родительский с фиксированной шириной, следующий будет падать ниже, для подпунктов классом повыставлять паддинги необходимые, а все точки загнять бэкграундом в эти div'ы