Internet Explorer and CSS Menus

Hi,

I have implemented a CSS menu using version 2.0

Its a horizontal menu with dropdowns on certain items. In Firefox this all works perfectly, but in IE the dropdowns always dissapear before you get chance to move the mouse over the items.

Is this a bug?

Thanks
Ian

I experience a similar occurrence. It is when the IE Zoom Level is set to a level higher that 100%. Hopefully this can be fixed.

Hi,

Thanks for taking the time to reply.

I have tried the different zoom levels and unfortunately its doing it no matter what the zoom is set to. As soon as you you move the mouse from the main area of the menu to access the area that has dropped down it the dropdown area just dissapears.

Thanks
Ian

Do you have a url of a page experiencing the problem? I'll take a look and see if I can spot what causes it.

Hi Ray,

Thanks for the reply.

Unfortunately the menu is in a protected area for the client.

What code would you need to see and I can paste it on the forum or email it to you?

Basically I have put the CSS Menu with a relative DIV TAG that sits across the top of the page (basically to house the menu).

All works great in Firefox, but in IE the menu dropdown just dissapears when you move off the top level item.

Best Regards,
Ian

Can you put a page with just the menu onto a public domain or area so that it can be browsed. I assume there is no content in the menu itself that is sensitive. If so you can even update it and only leave a couple of dummy links to demonstrate the problem.

Hi Ray,

Have to say I was impressed at how easy it was to recreate the menu on a new page as I had saved it as a preset!

Here it is:

webassist.asp

The links all go to SA protected pages anyway, and some of the links may be incorrect as they are all relative and the page is out of the admin folder.

Thanks for your help as always.

Cheers
Ian

IE7 requires the height attribute to be set in the css to render properly. CSS Menu writer should add it, so perhaps you removed it:

ul#cssmw ul.level-1 > li > a {
height: 16px;

Thanks Ray,

No I hadn't edited the CSS created by CSSMW so maybe its a bug.

However, Yes, that sorts out that problem but causes another.

Now the width of auto appears to resize each individual drop down item to its automatic width, rather than have the resize to the largest item. It looks a mess.

For now I've set a fixed width which is far from ideal but it does appear that there is a fundamental issue with this and IE. I appreciate the IE is the gutter as far as compliant browsers go but we have to make sure sites work with it as the most popular browser!

Thanks
Ian

Luckily it does work properly with ie8, but since people are still using ie6 I won't hold my breath trying to wait for people to upgrade.

Unfortunately you may have to set a width to get it working properly in IE... or get it working in general if you have another level of menus.