squished in IE6?

[Jason]

Anyone experienced this behaviour:

The inset shows the problem against the backdrop of the normal appearance.

This happens only in IE6 an apparently only the first time you load the page, once everything has been cached it operates perfectly fine in all browsers that I've tested on (IE5&6, NS4.7, 6 Moz1, Opera7).

This is the only little glitch I've encountered with this nice chunk of menu code. I may start using this if I can get this figured out! Very nice job on it.

thanks in advance

[John]

A URL is always helpful. If we can't see your code, we can't help

[Jason]

I understand but as this is in development I'm not allowed to show it, I'm sure you'll understand.

I have however uploaded the menu_array.js for download here. Sorry I didn't think of that before.

The mmenu.js file is untouched and the script tags calling them is directly inside (below) the opening body tag.

Thanks very much.

[kevin3442]

Hi Jason,

If I may jump in...

Your menu is being rendered before the images in the menu are available in the browser's cache. Since the images aren't available, the browser has no way to "know" the width of each image... a formula for horizontal squishing (also why it only happens the first time; the images are in the cache after that). You can avoid this problem by explicitly setting the width of each image, using the width= attribute in each <img> tag.

Hope that helps,

Kevin

[Jason]

well, yeah, that makes sense =)

thanks a ton, that appears to have worked, though I've seen something similar *1* time since, I'm hoping it was simply an eveil apparition. Again, thanks!