IE 5 Mac float issues

[londonweb]

I'm having some layout trouble in IE for Mac 5. I know this is a dinosaur of a browser but I keep finding people who are still using it, so unfortunately it can't be ignored.

I think these issues may be down to incorrect implementation of the float style, and have read a bit about it - lots of people point out there are problems in this browser but I've yet to find a site which also details a solution.

Here is a segment of the layout as it should look (in Safari):

And here it is in IE 5:

I don't think it's to do with widths, because I've tried playing with these to no avail.

Any help much appreciated.

 

[kresh]

Shunt IE 5 users to a different (very simple and plain) page, explain that due to using such an old and very un-modern web browser they will not enjoy, blah blah blah.

Surely anyone that's using IE 5 have no expectations of 100% compatibility in today's world.

 

[ChicoWeb]

ie5, really? How many people? .01%? Wouldn't waste my time.

 

[londonweb]

Yeah, I would normally agree but I was determined to get to the bottom of this one...turns out my pngs were too wide, doh! It seems that Safari will crop the edge off an image so it never extends beyond it's containing element, but not so in IE, so the element with the float:right on it drops beneath the one to the left. I re-did my images and now it looks just right.

Thanks for the comments though!

 

[morespce54]

I had a similar issue a while ago. Since then I decided (thank god) to go with the "unsupported browser" page. I think it's rude but with the mobile browsers coming up, I a cant' afford to maintain a separate site for IE 5 on Mac. Anyway, IIRC, you must add extra CSS for IE5 (try to add a Float AND a Clear value with nested LIs). Anyway, it's all depend on your code but:
you have to add extra styles only for IE5 (therefore, you must know what's not parsed properly in your CSS on IE5 and you must be aware that IE5 doesn't support pseudo-class. You might want to try with nested tags (like: ul#menu li:hover>ul)

good luck!