Help me with ie7

A common IE7-only symptom is a drop-down menu sitting on top of the logo even though other browsers show the correct order. @peter_budo and @jedi_ralf rightly asked for details, and @ktd's observation about seeing the menu over the logo in IE7 compatibility mode points to a stacking/z-index problem rather than a JavaScript failure.

Practical diagnostic steps and fixes:

• Reproduce in genuine IE7 (or use IE8/9 F12 tools set to IE7 mode) so you are fixing the exact rendering.

• Inspect which element actually has a z-index and whether that element (or any ancestor) is positioned. In older IEs a positioned ancestor creates a new stacking context, so a child with a high z-index can appear above unrelated ancestors.

• Simple, reliable fix is to give the header/logo wrapper a positioned context and a higher z-index than the menu. Example pattern:

  /* ensure header/logo sits above the menu */
  #header { position: relative; z-index: 999; }
  #topnav { position: relative; z-index: 100; }

  If ddSmoothMenu or its CSS assigns very large z-index values to menu items, reduce those or move the z-index to the menu container instead of deep children.

Additional tips:

• Avoid relying on z-index on deeply nested children; set z-index on the positioned ancestor you actually want stacked.
• If overflow, position, or opacity is applied to ancestors, those can create new stacking contexts — remove or adjust them while testing.
• For background reading on stacking contexts and z-index behavior, see MDN: The stacking context and CSS-Tricks: z-index.