проблема с IE7

[NikIrina89]

помогите решить проблему. Во всех браузерах все отображается нормально но 7 версия IE отказалась меня понять. у меня сверстано все на divах кроме контента, в ячейке таблицы я вставила div с картинкой и в стиле подвинула ее вверх:

background: url(img/stgau.png) no-repeat;
float:right;
position:reletive;
margin-top:-120px;

все браузеры меня поняли но в 7 версии IE картинка отрезалась там где заканчивается строка таблицы <tr>. вот. и вроде бы решение проблемы является position:absolute, но я не могу при абсолютной позиции выровнять div по правому краю :blush: , а дизайн тянется. как решить проблему?

 

[Serg@NT]

правильно

position: relative;

И, насколько я знаю, чтобы подвинуть div нужно ему top: -120px; указать (позиция верхнего левого угла), а не margin-top (отступ от верхнего элемента).

Как у вас это браузеры поняли - остаётся загадкой. Наверное, разработчики в качестве пасхальных яиц туда искусственный интеллект встраивают... ))))

 

[NikIrina89]

и не нужно сарказма даже 6 ослик меня понял, а вот 7 интересный. но даже top ему не понять

 

[Serg@NT]

и не нужно сарказма даже 6 ослик меня понял, а вот 7 интересный. но даже top ему не понять

попробуйте вместо фона сделать картинку через обычный этлемент img

 

[NikIrina89]

попробуйте вместо фона сделать картинку через обычный этлемент img

нет, эффект тот же, от таблицы отказаться не могу и сдвинуть вверх тоже нужно(((

 

[blackcot]

position:reletive;

- Здесь ошибка: relAtive
Попробуйте z-index: 100 - может поможет...