CSS/Javascript menu dissapears

using display: none

[yowza]

I've created a menu that contains 12 links. When you click a link it shows sublinks. I implimented the menu with CSS using display: none. Javascript causes the menu to show the sublinks.

The problem is that in IE 5.1 and 5.5 the entire menu disappears on the second page. The first page you visit the menu shows, whichever page follows does not show the menu. However, if you hit refresh the menu shows.

I assume there could be a browser caching problem because the javascript and css files are external, but why does this only happen in IE 5.1 and 5.5? How can it be fixed?

Thanks

[DrDoc]

If it weren't for the fact that you said "IE5 and IE5.5" I'd immediately say it was another instance of the peek-a-boo bug. But, let's eliminate that probability first. If you hover where the links are (supposed to be at least) -- does anything happen? Are they in fact there, but not visible? I assume you haven't done anything to hide the toplevel part of the menu, correct?

[yowza]

Nope, they are not there if you hover over them.

I haven't done anything to hide it.

All of the content that is to the right of the menu moves over to the position where the menu is supposed to be.

I've sent a sticky to you so that you can see it if you like.

Thanks for your help.

[DrDoc]

Sounds like a box model problem related to negative margins moving the navigation off the page...

[yowza]

Thanks for the help DrDoc!

It was a box model problem.

Instead of changing it with a conditional by altering 2000 pages, I used a hack instead.

I actually had to change several things beside the one you sent me, but thanks for pointing me in the right direction!