Yet another IE CSS issue, but unlike anything I've ever seen

[cdrugly]

I'm befuddled by this. I have a CSS menu system that works in both Firefox and IE6 but only when it's in the root directory. If I have the menu in any folder other than the root, the dropdowns fail in IE6.

Here it is in the root:
http://www.example.com/inc_header2.php

Here it is one folder up:
http://www.example.com/forums/inc_header2.php

To simplify it, the 2 files are complete HTML with all images called through an absolute path.

Is this some kind of bug or am I losing my mind?

[edit reason]examplified urls, Please see TOS#13[/edit]

[edited by: SuzyUK at 10:25 am (utc) on Sep. 10, 2006]

[doodlebee]

You have all sorts of problems with this. The *big* one is the fact that you're mixing your divs and your tables. You *can* have divs inside of tab;le cells, but to do so is primarily to adjust centering, padding, fonts - stuff like that. Stuff that can be done by simply adding a class to the td part of your CSS.

What *you* are doing is splitting up your table cells with divs that require positiing relative to the window. Ain't gonna happen.

Plus, it looks like you're trying to make a CSS-based dropdwon menu, but you're also using javascript. This isn't necessary.

What you need is a good lesson in how to use CSS.

Remove your tables. They aren't needed. Validate your code.

If you want to stick with the javascript, then remove the CSS relating to your menus, and get rid of those positioning divs. You're delving into too much overkill and too many things at once...which seems ot be confusing you on how to use anything in there very well.

The menu you have is actually *very* simple to implement without the use of tables *or* much javascript (you will need a teensy bit, because IE doens't recognize :hover on anything but anchor tags). You could easily make this menu by using something liek the Son of Suckerfish dropdowns from HTML dog. Take a peek at them - the site explains very well how to use them.

Hope that helps!

[cdrugly]

I agree that it may not be the best markup, but that doesn't explain the problematic behavior. Why would one work and the other not even though the markup is identical? That's ultimately what is blowing my mind.

[doodlebee]

Maybe it could be because, in the subfolder section, you're pointing to "csshover.htc" in the wrong folder?

csshover.htc is found in the upper level. When you move everything to the secondary level, you also need to tell the browser to look up one folder for the script - or move the script into the right folder.

You didn't do either.

[cdrugly]

AHA! I knew it was simple. I looked at it so much that I jsut went right by it. Thanks for your help!