asked on

CSS menu off in IE

Hi, On this site: http://test do tmagickitchen dot com, I've put a new navigation menu in place. It looks good in FF 3.5, and Chrome and safari 3.1.2.

In IE 7.0, the submenus look a little compressed. I guess it's something in the CSS file. I'll attach that and also a couple o screenshots of what I'm seeing. Thanks!
menuff.jpg
menuie.jpg

ASKER CERTIFIED SOLUTION

dvz-

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Melody Scott

ASKER

I took the padding down on these two classes:
      /*"""""""" (SUB) Container""""""""*/
      #qm0 div, #qm0 ul
      {
            padding:2px;
            margin:-1px 0px 0px 0px;
            background-color:#FFD47F;
            border-width:1px;
            border-style:solid;
            border-color:#A6A6A6;
      }

      /*"""""""" (SUB) Items""""""""*/
      #qm0 div a, #qm0 ul a
      {
            padding:2px 40px 2px 5px;
            margin:0px;
            background-color:transparent;
            background-image:none;
            border-width:0px;
            border-style:none;
            border-color:#513666;
      }

and the words main courses shows up on the same line now, which is great, but the indicator for the submenu still sits above the words instead of beside them in IE.

dvz-

is the indicator governed by its own css?

Melody Scott

ASKER

I couldn't figure that out- it's not an image, I'm not sure how to find that in the css file...

dvz-

actually, in Firefox 3.5, there is no indicator.

Melody Scott

ASKER

That's strange, I'm running FF 3.5 and I see an indicator, see attached screenshot.

Image1.jpg

Melody Scott

ASKER

It seems to be in the quickmenu.js file, want me to close this question out and ask it again in javascript area?:
// Follow Pointer Add On
      a.pointer_main_image = "images/arrow_down.gif";
      a.pointer_main_image_width = 9;
      a.pointer_main_image_height = 6;
      a.pointer_main_align = "top-or-left";
      a.pointer_main_off_x = -3;
      a.pointer_main_off_y = -4;
      a.pointer_sub_image = "images/arrow_right.gif";
      a.pointer_sub_image_width = 6;
      a.pointer_sub_image_height = 9;
      a.pointer_sub_align = "top-or-left";
      a.pointer_sub_off_x = -5;
      a.pointer_sub_off_y = -3;

      // IE Over Select Fix Add On
      a.overselects_active = true;

dvz-

can you post all of the javascript for the pointer pls? the entire function and what not.

Melody Scott

ASKER

Thanks- that definitely helped make the submenus look correct, I will go to javascript folks for image question.

Melody Scott

ASKER

Hi- I went ahead and posted this as a new question under js, if you want to go there? Awarded you the points on this. On that question, I'll add the whole js file. Thanks for your help!