floating images and IE 5

[rocketscience]

I've looked everywhere for a reference to this issue.

I have a horizontal div with images floating left.

.brandNav { height: 22px; }
.brandNav img { margin: 0px !important; padding: 0px; border: 0px; float: left; }


<div class="brandNav" style="margin-top: 0px;">
<div style="float: left;">
<img src="../images/retail/ranking.gif" width="54" height="22">
<img src="../images/retail/ranking/octothorpe.gif" width="8" height="22">
<img src="/images/retail/ranking/1.gif">
<img src="../images/retail/ranking/of.gif" >
<img src="/images/retail/ranking/0.gif">
</div>
<div style="float: right;">
<img src="../images/retail/level.gif" width="30" height="22">
<img class="levelNotPassed" src="../images/retail/levels/1.gif" width="16" height="22">
<img class="levelNotPassed" src="../images/retail/levels/2.gif" width="16" height="22">
<img class="levelNotPassed" src="../images/retail/levels/3.gif" width="16" height="22">
</div>
</div>

but on PC IE 5x [ admittedly a horrendous browser ] there images have 2-3px margins around them, causing them to do line breaks and all sorts of other totally inappropriate things. Anyone?

[AdamsHC]

Try this one, it had helped me: http://positioniseverything.net/expl...reepxtest.html