Hi,
Below is the extract of some code which displays perfectly in Safari, Firefox etc but not in IE5. Can anyone suggest what might be causing the problem.

The page is basically an image gallery, each image held in a 'cell'. 'container_mini' is just a holding div displaying a white box as a background to the 'cells'. I've put a 'spacer' div at the bottom to ensure the 'container_mini' expands fully (height) to include all the 'cells'

The problem: In IE5 the container_mini displays over the top of all the cells so that they can't be seen.

Any thoughts greatly appreciated

Thanks
Matt



Associated CSS:
.container_mini {
   margin: 0px 5px 5px 5px;
   padding: 5px 5px 5px 5px;
   border: 1px solid #CCCCCC;
   background-color: #FFFFFF;
   width: 810px;
}
.spacer {
   height: 0px;
   line-height: 0;
   width: auto;
   clear: both;
   font-size: 0px;
   display: block;
}
.f_l {
   float: left;
}
.cell {
   position: relative;
   width: 110px;
   margin: 0px 0px 5px 18px;
   padding: 2px 1px 0px 1px;
   height: 150px;
   border: 1px dashed #CCCCCC;
}
.cell p {
   position: absolute;
   bottom: 0px;
   width: 108px;
   text-align: center;
}

There are still thousands out there using it, the corporation I work for, with over 100,000 employees still uses it!

A major corporation still has 100k+ employees using IE5?? Good grief! What are they running, Windows 98? Just for stability issues, running on anything older than Windows XP (if they're a Windows shop) is a total waste of time, as that's the first reasonably stable version of Windows (almost as stable as Linux). They're wasting more employee salary dollars with system crashes than they are saving by not updating to a non-fossilized OS. Once you're on XP (or Linux, if they won't upgrade the hardware), IE6 is standard (IE7 is much better, BTW) and Firefox 2 is even better.

All I can suggest, if you're forced to use IE5 internally, is to write pure HTML without any  CSS. Probably HTML 3.2 rather than 4.0. It won't look so hot in real browsers, but at least will display in IE5.

It doesnt work in IE7 either lol

And i'm pretty sure its the Javascript your using i cant help you though sinse i kinda suck at javascript.. 

Just to conclude the post....

It was the javascript from CurvyCorners.net causing the issue, not the CSS.

I've changed to use a jQuery version of the same script which works perfectly and doesn't affect the stacking order.

http://blue-anvil.com/archives/anti-aliased-rounded-corners-with-jquery

Regards
Matt