Internet explorer position absolute weird results

HTML & CSS
1

on chrome/ff/ie8/ie9
it shows the error message under div
but on explorer 7 its on the upper right corner of the browser :\ why is that happaning?>


.error_message {
    background: none repeat scroll 0 0 #FFBABA !important;
    margin: 0 50px 0 0;
    padding: 1px 5px;
    position: absolute;
    right: -50px;
    top: 20px;
    width: 335px;
}
2

Do you have “position:relative” on the parent? It would help if you could provide a link, or the code. :slight_smile:

3

As std76 said the parent will need position:relative to create a stacking context but in IE7 you will also need to ensure the element is in haslayout mode or it won’t know where its boundaries are and misplace the element.

Just add zoom:1.0 to the parent (or if you need valid code use one of the other haslayout triggers (see css faq)).

However, without the full code we might both be guessing at the worng thing :slight_smile:

4

position relative solved the problem !
thank you guys!

5