[SOLVED] CSSMenu.js and IE8

[postiffm]

Site new.fellowshipbibleannarbor.org
CMS 1.9.1, just upgraded from 1.4.1.
PHP 5.2.13, was 4.3.9 before upgrade
Apache 2.2.15 on Linux 2.6.18

On Chrome 7.0.517.44 my centered horizontal menu works well. Also works OK on Firefox 3.6.12.
On IE8 (8.0.7600.16385) the menu is all the way to the left and, more importantly, the "pull down" part doesn't work.

I've tried to figure this out by searching the forums and google, but I can't quite put it all together.

I have added the following to the head section of my template:


 



I have made cosmetic changes to the Default CSSMenu Horizontal stylesheet.

Do you have any ideas?

[After consultation with the doctor, I fixed all my html errors and wala, things started working. Thanks to http://validator.w3.org!]

[Dr.CSS]

Good chance it may work if you fix the html errors...

http://validator.w3.org/check?verbose=1 ... bor.org%2F

That line should read as that is the browser that needs help...

[postiffm]

Doctor,

Thanks for the pointer on the if IE 6 condition--I saw several places in the forums with just "if IE" so but that must have been old enough stuff that the later IEs weren't out yet.

I'm working through the html errors now. Several of them say something like this:

Line 9, Column 62: NET-enabling start-tag requires SHORTTAG YES


This code is generated (by cmsms?) from the {metadata} tag with showbase (defaulting to) true. How do I get rid of the / at the end of the line?

[Dr.CSS]

Most likely from using the frameset DTD, try this one...




Note the html call above, so you don't call it twice in your template...