Hi there, I have a weird problem with my menu - it seems to be creating off-centered text when the text string becomes longer than a certain limit.
Notice that the other buttons look fine; but 'Contact Us' is. There is too much code/too many style sheets that are linked to to post it all up (I had to get a third party plugin to add the menu where the old one was originally so it is adding more style sheets), but please "Inspect Elements" using Safari or Firefox Firebug or similar! Thanks
I had to do this with images (the buttons) because I wasn't able to find a definitive way to make rounded corners work for all browsers using CSS alone! Frustrating!
I can't figure out how to fix it! Many thanks I really appreciate some help.
Remove the padding
Remove the padding from
ul.dropdown li a
on line 41
Also, you would be better off
Also, you would be better off getting rid of the sprites for the menu, using CSS3 for the rounded corners and then you could have dynamic width list items which would allow you to keep the padding on the anchors to give it more room for the click event.
Then you can use something like CSS3Pie for IE6