[HTML/CSS] niestabilna pozycja dla div w IE

Witam, mam taka konstrukcje:

Nie wiem dlaczego w przegladarce IE cala zdefiniowana ramka oparta na <id>div</i> przesuwa mi sie w dol, jest znaczny odstep. Dlaczego to nie siedzi na miejscu. Zdarza sie tak ze raz jest odstep a raz wszystko gra, co sie dzieje...

Nie bardzo wiem o co Ci chodzi...!? :/

Albo u mnie wszystko ładnie "chasa" :-D albo napisz dokładniej w czym problem :-D

No coz, bo bzdury wpisales;

<div style="overflow:auto;height:630px;margin-top:10pt;absolute:relative">

1. Margines gorny ustawiles na 10pt (stad masz ten odstep)
2. wpisales informacje absolute: relative <--- to kompletna bzdura! Powinno byc position: relative albo position: absolute. Poniewaz przegladarka nie wie czego chciales, prawdopodobnie interpretuje to w jakis dziwny sposob lub wcale.

Koniec koncow - najpierw upewnij sie ze sam nie popelniles bledu a potem krzycz na przegladarke, chociaz akurat IE ma wiele grzechow niezgodnosci ze standardami na sumieniu ;)

W sumie pod IE to wszystko się wali :)

Nie bardzo ma sens margin i position na jednym elemencie, albo jedno albo drugie
IE często błędnie interpretuje pikselowe wartości css (głównie marigin i padding)
Rozwiązaniem jest podanie dwóch wartości, jednej dla sensownych przeglądarek, drugiej dla IE
W pierwszym przypadku należy posłużyć się instukcją !important, ktorej IE nie rozumie
np:

.someclass {
  margin-top: 10px !important;
  margin-top: 5px;
}