Jag bygger en sida och använder CSS.
Min HTML-sida har tre element <div> där elementet "header" innehåller en bild <img>.

Så här:

<div id="header">
<img src="images/bilden.png" />
</div>
<div id="content">
Innehållet på sidan...
</div>
<div id="footer">
Sidfoten...
</div>

Med min CSS-fil vill jag placera bilden något lägre, där jag vill ha den, så att den går över elementet "content" något. En skön effekt. Men det fungerar inte i IE. Eller så fungerar det BARA i IE...
Hur får jag detta att fungera för alla läsare?

Den gången jag lyckades få den att se likadan ut i alla webbläsarna så kunde jag inte markera eller skrolla texten på elementet "content" i IE. Alla andra webbläsare fungerade klockrent!

Det här är en bit ur min CSS, som placerar bilden:
(Denna fungerar på ALLA läsare, men bilden i IE försvinner bakom elementet "content")

#header img {
position: relative;
top: 20px;
left: -8px;
margin: 0px; padding: 0px;
z-index: 1;
border: 0;
}

Vad göra? Förslag?
Hoppas på snabbt svar... Tack på förhand!

Jag löste det... flyttade z-index till elementet "header". FUNGERAR! Jippi! :-)