Browser Specific Padding

[wfernley]

Hey everyone,

I recently setup a drop-down menu on my site (son of suckerfish menu). It works great except for one small issue. The submenus in FireFox are not at the correct location. They are actually about 10pixels indented into the main dropdown menu. So everything works fine, its just the sub-boxes aren't next to the dropdown menu, they are about 10 pixels inside the menu.

The menu works fine in IE which is what most of my visitors use. I have an idea of how to fix this issue but I don't know if it is possible. I need to change the padding of the menus but it will be a different value for Firefox than IE. Is it possible to specify which padding to use for which browser?

Please let me know if it is possible and how I can do it. :)

Thanks in advance for your help!

Wes

[Fotiman]

This is just a guess, but it may have to do with the 'list-style-position' property.
[w3.org...]

Try setting this to 'inside' for you menus and then see if they look the same in both IE and Firefox.

[wfernley]

Thanks for your reply Fotiman. I did try adding and changing around the list-style-position property but it did not change my problem.

Is there a way I can specify different padding values for different browsers?

[DruManiac]

first of all where is ur css code? have u tried putting it on a different layer with z-index:;?