DOUBLE Drop down menu vertical spacing issues

Not to be a *beep*, but if your code works in IE and not Firefox, it's almost assuredly blind dumb luck, or bad coding practices. Take your pick.

I will take a look shortly for you.

I can't even find your #funnies... Please link me to the CSS that styles #funnies.

http://www.maryjane9110024.com/dev/include/funnies.css
http://www.maryjane9110024.com/dev/include/pictures.css
http://www.maryjane9110024.com/dev/include/style.css

I have all three of those open, but when I Ctrl+f for "funnies" ( less quotes ) I get nothing... And my Web Developer toolbar is telling me that the funnies button is
html > body > div #mainPan > div #topNav > ul > li > div #globalNav > a > img #funnies

I don't see a reference anywhere to #funnies in the code. :shrug: Where in the code is calling #funnies?

This is only the second drop down menu I have created so please bear with me.

This can be seen by following the path in my previous post.

After following the path myself, I see that you're using JavaScript ( which makes sense since I didn't see any declarations in your CSS for this ID ) to make these dropdowns, not CSS. JS is not my strong suit by any means, but I'll still try to have a look for you.

I think I found it. There was an id="funnies" in the img tag which I removed. The spacing is still off though. I played around with the positioning but if I change the top then in IE it doesn't look right.

I created this through Firefox. I made some changes to the style names to make it easier to read. I didn't mess with the js file b/c I am not that familiar with javascript.

Try editing ( in funnies.css ):

#menuContainer {
/* This ID is related to the master menu div for menu and contains the important positioning information for the menu as a whole */
position:absolute;
left:0px;
top:25px;
visibility:hidden;
z-index:300;
}


to:

#menuContainer { /* This ID is related to the master menu div for menu and contains the important positioning information for the menu as a whole */ position:absolute; left:0px; top:5px; visibility:hidden; z-index:300; }

Just to check if it makes a difference.

It does, it covers the navigation then in IE and looks funky.

Well, make it a higher number - keep playing with it till it looks right. If you can't get it to look right in IE and Firefox, you may need to use a conditional style sheet for IE. Read my post in this thread: http://csscreator.com/node/28011 - post if it's unclear.

I got it to work right with another site and I only used one style sheet. www.dillonsflintlocks.com check it out

Looks good. Did you attempt conditional styling? If not, I suggest you do even if it's not needed, it's a very simple way to fix cross-browser discrepancies.

Actually no I didn't. I've been comparing my drop down with the one on that site that I did. I can't find whats going on here.

Why would it work on one page but not another? It's something to do with the position but I don't know. Now it wont even go INLINE!

Can you be a little more specific as to what the problem is?