Fragment kodu XHTML:

[HTML] pobierz, plaintext 
<img src="1/scale.png" alt="S" style="top: 188px; left: 30px" onmousedown="text('scale')" />
<img src="1/box.gif" alt="BOX" style="top: 128px; left: 54px" onmousedown="find('key3')" />
<div style="left: 105px; top: 223px; width: 30px; height: 15px" onmousedown="find('f4')"></div>
[HTML] pobierz, plaintext 

Interesują nas tylko: <img> na górze i <div> na dole.

Rozpoznanie: obiektu <div> nie da się kliknąć mimo że w kodzie znajduje się pod obrazkiem, a więc na stronie powinien być na wierzchu. Firefox i Opera wyświetlają układ poprawnie, a IE 8 NIE.

Czy istnieje jakieś rozwiązanie tego problemu? Własność z-index nie pomaga - przynajmniej po wpisaniu w Narzędziach dla deweloperów.

EDIT: Gdy ustawię background-color, mogę kliknąć warstwę. IE zadziwia inteligencją, ale akurat tutaj nie potrzebuję koloru. Pewnie znajdę jakiś hack na to. Wartość 'transparent' też nie pomaga.

To nie ma znaczenia, jaka kolejność w kodzie, jeśli chodzi o ten konkretny przypadek.

Pokaż cały kod + jakiś CSS, najlepiej na żywo, aby można było odpalić w przeglądarce.