Не работает отрицательный margin-top, Не срабатывает отрицательный margin-top (в IE,Opera)

Добрый вечер всем!
Воспользовался бесплатным шаблоном, так как я далеко не верстальщик, скачал отсюда: шаблон, взял только шаблон из папки web. Поменяв пути для src и href на правельные, я встроил данный шаблон в админку. Но, как оказалось, шаблон не кроссбраузерный. Есть 1 косяк, и он проявляется во всех браузерах кроме Chrome и Safari, а именно:

.top-header { 
margin-top: -456px;
}

суть в том, что меню и блок, следующий за ним (из 3-х колонок), которые отображаются поверх слайдера в Chrome и Safari (правильно), отображаются после слайдера в IE,OPERA, а в FF поднимается на верх на нужную высоту, но обрезая при этом слайдер.
Самое обидное, что уже весь шаблон перелопатил под себя, изменив стили, иконки и прочее.
Помогите решить проблему, пожалуйста.
Выложил сайт на поддомен: test.bsgkz.kz, чтобы показать в измененном виде и упростить понимание проблемы тем, кто сможет помочь

!important добавлять пробовал?

Да, только что попробовал) Но ничего не произошло.
Ставил и к классу .top-header и к классу .wrap добавлял

margin-top:-456px !important;

результата нет ..

исправь

.wrap {
    margin: 0 auto;
    position: relative;
    top: -456px;
    width: 80%;
}

удали

.top-header {
    margin-top: -456px;
}

В фоксе и хроме срабатывает, опера думаю туда же. Осла не проверял.

Чувак, ты просто ах*енен! Скока я мучался. Спасибо тебе огромное

Поддерживаю, столкнулся с этим сейчас, помогло данное решение. Спасибо знающим людям