An IE problem that I just don't get

Same site as I was working on last week, … layout works perfect in IE 6, 7 and 8 here on my machine BUT when the customer sends me a screenshot the top menu has each menu item 100% and rolling down the page:

Here’s part of the screenshot they sent:

As I said, on my machine and my wife’s machine the menu is perfect yet I keep getting these screenshots from him that show it whacked out … what the heck?

Hi, this is IE6. This waterfall efect happens when a child of a widthless floated element has haslayout.

Your <li>'s are floated with no width, and the anchors have a height set, thus triggering the bug. Float the anchors as well

ul#menu li a:link, ul#menu li a:visited{float:left;}

It actually matches IE5.5 closest, but IE6 has this problem as well :slight_smile:

Sounds like a cache problem for your client then. Tell them to clear their cache.

The client is using IE, it’s a different sub version of mine but close (8.0)

just look at the site to see what it’s supposed to look like:

layout works perfect in IE 6, 7 and 8 here on my machine

How does it look in FireFox, Safari, Opera, or Chrome? Your client is probably using one of those. Probably Safari or FF, but make it look good in all 5!

Which browser is the client using?
How is supposed to look?