Проблема с меню в IE и опере
 

Здравствуйте. Столкнулся с такой проблемой в меню.
При попытке выбрать элемент второго уровня из выпадающего меню в IE8 и опере меню сворачивается, причем если курсор наводить немного левее меню, то не сворачивается. В хроме и файрфоксе все работает нормально.

В шаблонах прописано следующее:
subparts.MENU1 = HMENU
subparts.MENU1.special = list
subparts.MENU1.special.value = 890
subparts.MENU1.1 = TMENU_LAYERS
subparts.MENU1.1 {
layerStyle = position:absolute;VISIBILITY:hidden;
lockPosition = x
relativeToParentLayer= 1
relativeToTriggerItem= 1
hideMenuWhenNotOver=50
hideMenuTimer = 70
topOffset=20
leftOffset=0
expAll=1
NO{
ATagBeforeWrap = 1
beforeImgLink = 1
beforeImg = fileadmin/elcomimport/images/m1.jpg
doNotShowLink = 1
}
}

subparts.MENU1.2 = TMENU_LAYERS
subparts.MENU1.2 {
layerStyle = position:absolute;VISIBILITY:hidden;
lockPosition = x
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=50
hideMenuTimer = 70
topOffset=0
leftOffset=0
expAll=1
NO.allWrap = <div class='top_menu' onclick="location.href='index.php?id={elementUid}' ;" style="cursor: hand;" onMouseOver="this.style.background='#7dc4b8'" onMouseOut="this.style.background='#e8eff3'"><img src='fileadmin/elcomimport/images/mark.jpg' class='mark'> | </div>

}

subparts.MENU1.3 = TMENU
subparts.MENU1.3 {
hideMenuWhenNotOver=50
hideMenuTimer = 70
NO.subst_elementUid = 1
NO.allWrap = <div class='top_menu2' onclick="location.href='index.php?id={elementUid}' ;" style="cursor: hand;" onMouseOver="this.style.background='#7dc4b8'" onMouseOut="this.style.background='#e8eff3'"><img src='fileadmin/elcomimport/images/mark2.jpg' class='mark2'> | </div>
}

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

На всякий случай приложу описание стилей. Подозреваю проблема кроется именно в них.

.top_menu {
position:relative;
border:1px solid #37c1aa;
background-color:#e8eff3;
margin:1px;
width:150px;
padding-left:14px;
}
.top_menu a{
font-size:12px;
color: black;
text-decoration:none;
}

.top_menu a:hover{
color: white;
}

.mark {
position:absolute;
top:8px;
left:4px;
}

Еще заметил что в IE меню не сворачивается когда водишь мышкой в области вокруг меню, но когда наводишь на само меню оно сворачивается.

Откажитесь от TMENY_LAYERS. Уберите инлайновый CSS из кода. Постройте меню в виде простейшего HTML-я с помощью только TMENU. Затем настройте отображение и поведение с помощью внешних CSS и JS. CSS-меню, работающих во всех браузерах, в гугле много и на любой вкус.

Убрал в стилях position:relative; и заработало нормально.
Только потом пришлось всю менюшку таблицами переверстать.
Вопщем дивы в меню заюзать неполучилось.