Display Issue in Win IE5

[zcurtis]

I am having difficulty getting my code to display properly in Win IE5 (a major issue!). It seems to ignore my "mainImages" class with padding-left: 170px. This works fine in IE6 and Mozilla/Netscape. Below are sections of the style and html that the issue appears to apply to (full version is www.populus.com/v5/). Any thoughts?

Thanks!

#mainWrapper {position: absolute; top: 0px; left: 0px; z-index: 20; width: 100%; height: 550px;}
#populus {position: absolute; top: 0px; left: 0px; width: 100%; height: 70px; background-color: #4b6670;}
.mainImages {padding-left: 170px;}

<div id="mainWrapper">

<div id="populus">

<a href="/"><img class="mainImages" src="img/home/populus.jpg" width="207" height="40" alt="POPULUS" /></a>

</div>
</div>

[khalidali63]

hunmm..I tested your page,and when I change the 170px value to 270px; it does seem to effect the location of the image,what exactly do you expect it to do which you think is not happening?

[zcurtis]

The issue is that Win IE5 seems to ignore the

.mainImages {padding-left: 170px;}

When I view www.populus.com/v5/ in this browser the logo is hidden behind the first column (ignoring the padding). Have you tried viewing in Win IE5?

Thanks.

Zach

[zcurtis]

After doing further research, IE5 doesn't support padding on image elements. And perhaps not on any inline elements?

Zach