I'm fairly new to *all* css design...I've always just used stylesheets to add some style to the site.

However I'm now attempting to write a css dropdown menu, and I'm very close, but having some problems in both IE and Firefox. I've spent days trying to work these out, done tons of searching, but can't seem to get it. Because I didn't know what to change, posting the entire code would have been too much.

Here are the problems in both browsers, and if anyone has any suggestions I'd really appreciate it.

FIREFOX
1) When you hover over the main four links, it changes the background color to red (which is what I want), but you'll see that the area that is turning red is the entire area where the link is, and also a few pixels below it. I know figured this was a padding/margin problem, and even searched the box model hack but I'm just not sure what part i'm supposed to change, and to what to get it working.

2) The right side of all the menus when they drop down get cut off in firefox. Works fine in IE.

3). The actual words within the menus (for example: Contact, Company, etc) are in a certain position. When the mouse hovers over them, they move up or down a few pixels. It should look like the only thing changing is the background color with the border, but the actual text is moving.

I think that's about all my problems in Firefox, and hopefully solving some of those will solve some of the problems in IE.

IE

1). The text links move when you hover over them like they do in Firefox.

2) I just noticed this happens in both browsers, but if you go from Information Technology (Solutions > Information Technology) over to the flyout menu, the flyout menu next to it moves up and down as you alternate between the two.

3) Lastly, in IE when I move around the menus, the hourglass appears for a split second on every move.

I know this is a lot, but I really think they're easy fixes--I'm just not sure what to fix. It seems as if the majority of my problems are related to padding and margin, so I assume being able to fix one of the probs might fix them all.

Thanks in advance for any help.

Cgraz

Hi,

you need more precise definitions of font-sizes, padding and margins etc to stop text "jumping around" when you hover over it..

In any case, I wouldn't reinvent the wheel.... try this page:

http://www.alistapart.com/articles/dropdowns/

Cheers,
Paz.

__________________
10.3 million entries for Hotels in Turkey but I'm still chipping away.