problem z :hover w IE, wysuwany język FB Opcje

[siutek]

Witam,
Zrobiłem sobie na stronie diva z Facebookowym boxem.
Div jest schowany za lewą krawędzią okna, a widoczny jest tylko mały "język" z logiem FB. Po najechaniu nad ten "język" całość się wysuwa. Wszystko na CSSie, wysuwanie na :hover.
W każdej przeglądarce to działa doskonale. Niestety gorzej jest z IE.

Po najechaniu na "język" div zachowuje się tak jakbym balansował na krawędzi zmieniając stan hover.
Problem istnieje tylko wtedy gdy poruszam kursorem. Gdy jakimś cudem uda mi się umieścić kursor nad językiem i ani razu nim nie poruszyć, całość działa ok.

HTML:

[HTML] pobierz, plaintext 
<div class="fb">
    <div class="jezyk"></div>
    <div class="fb-like-box" data-href="https://www.facebook.com" data-width="190" data-height="380" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
</div>
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
.fb {
  width: 200px;
  height: 400px;
  position: fixed;
  top: 100px;
  left: -200px;
  background: #ffffff;
  text-align: center;
  transition-duration: 1.5s;
}
.jezyk {
  width: 50px;
  height: 50px;
  background-color: #3B5998;
  background-image: url('../../../../../image/fejs.png');
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0px 5px 5px 0px;
  position: absolute;
  top: 0px;
  left: 200px;
  cursor: pointer;
}
.fb:hover {
  left: 0px;
}
[HTML] pobierz, plaintext 

Całość umieszczona tu: www.lisek-urwisek.com

Ten post edytował siutek 9.04.2014, 17:48:46

[sf]

Źle działa także pod FF ( chowa się pod resztę strony przy małej rozdzielczości), dodaj z-index do klasy .fb. Może to rozwiąże problem pod IE, jak nie pomoże to jeszcze zamień fixed na absolute.

Ten post edytował sf 10.04.2014, 11:48:25

[siutek]

Źle działa także pod FF ( chowa się pod resztę strony przy małej rozdzielczości), dodaj z-index do klasy .fb. Może to rozwiąże problem pod IE, jak nie pomoże to jeszcze zamień fixed na absolute.

Niestety ani z-index, ani position: absolute nie działa.
zauważyłem, że ten problem dotyczy konkretnego obszaru nad ktorym jest kursor. O ile uda mi się przesuwać kursor w tym samym tempie co wysuwanie panelu, utrzymując go stale nad fioletowym jezykiem z logiem FB wszystko jest ok, ale jeśli tylko kursor zjedzie na biały div z panelem fejsa, całość zaczyna głupieć. Czyli jakby IE miało problem z identyfikacją obszaru hovera, mimo, że fizycznie kursor jast nad kontenerem, to przeglądarka myśli co innego.