DIV's and z-indexing in IE.

[iCraig]

http://test.metrix.co.uk/news.html

As you can see in Firefox, the content DIV containing my headers and text overlays perfectly.

However in IE its nowhere to be seen.

Any ideas? Any specific value that IE needs for it to display?

 

[iCraig]

My IE doesn't show it.

Also absolute positioning makes it static in the browser, does relative positioning or fixed or whatever stop this. E.g. at 1024x768 the DIV is in a different position to 1600x1200

Firefox:

IE:

 

[iCraig]

With the margin for the container at auto for both left and right it should automatically stick in the middle. As long as the body margin and padding are set to 0.

EDIT: When I click your links I get a 404.

The container DIV is fine, its the overlaying DIV that isn't displaying correctly. Especially in IE, where its not even displaying

The HTML:

  <div id="NewsContent">
    <h1>Header Test</h1>
    <h2>Sub header test</h2>
    <p>Text test</p>
  </div>

The CSS

DIV#NewsContent {
    z-index: 3;
    width: 637px;
    height: 312px;
    border: 12px #FFFFFF solid;
    background-color: #E0E0E0;
    position: absolute;
    left: 544px;
    bottom: 660px;    
}

Check the pics above to see the problem.

Just to repeat, the DIV displays in the correct place in Firefox at 1600x1200, but not in any other resolution.

And in IE is doesn't even display.

I can see why IE gets slated now, no support for z-indexing? I don't know

 

[iCraig]

Still having trouble, FF I can get it to go where I want, in whatever browser.

But it doesn't display at all in IE, arghh