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!
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

may want to create a seperate style sheet for I.E.  and adjust the padding-right (lower it) in the css style you're using.


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
mel200Author Commented:
I took the padding down on these two classes:
      /*"""""""" (SUB) Container""""""""*/      
      #qm0 div, #qm0 ul      
            margin:-1px 0px 0px 0px;

      /*"""""""" (SUB) Items""""""""*/      
      #qm0 div a, #qm0 ul a      
            padding:2px 40px 2px 5px;

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.
is the indicator governed by its own css?
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

mel200Author Commented:
I couldn't figure that out- it's not an image, I'm not sure how to find that in the css file...
actually, in Firefox 3.5, there is no indicator.
mel200Author Commented:
That's strange, I'm running FF 3.5 and I see an indicator, see attached screenshot.

mel200Author Commented:
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;
can you post all of the javascript for the pointer pls? the entire function and what not.
mel200Author Commented:
Thanks- that definitely helped make the submenus look correct, I will go to javascript folks for image question.
mel200Author Commented:
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!
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.