Меню с помощью 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 все нормально.

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

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

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