IE5 inline margins bug work around?

[Chris Harris]

Hi

I've been making this site http://www.rba.org.fk and have used a ul
formated inline for the navigation bar, thinking that this was a pretty
safe way of doing things these days.

However I have discovered that it does not format correctly in IE 5, all
the links run together. I have since read that IE5 does not apply
margins and padding to inline elements correctly, which kind of explains
what happens.

Is there an elegant work around for this problem?

The best I can think of at the moment (it's late) is use the old
transparent gif spacer image trick, but I don't really want to do that.

Cheers
Chris

 

[Osram]

IE5 does not apply
margins and padding to inline elements

Only IE5.0x.

IE5.5 renders paddings and margins fine, as does IE for Mac

Is there an elegant work around for this problem?

Nope

 

[Toby A Inkster]

The best I can think of at the moment (it's late) is use the old
transparent gif spacer image trick, but I don't really want to do that.

<!--[if IE 5.00]><img src="spacer" alt=""><![endif]-->

or something like that.

 

[Leif K-Brooks]

<!--[if IE 5.00]><img src="spacer" alt=""><![endif]-->

or something like that.

At which point there doesn't seem to be much point having the CSS margin
and padding at all, since you'll just have larger code.

 

[Chris Harris]

The best I can think of at the moment (it's late) is use the old
transparent gif spacer image trick, but I don't really want to do that.

<!--[if IE 5.00]><img src="spacer" alt=""><![endif]-->

or something like that.

I'll have a play..