I have been working all night and yesterday on this header section in css, the link is below of how far I am so far but I am having trouble, can any css experts (or anyone) help?
http://friendproject.isgreat.org/header/ Looks exactly how I want it in google chrome, possible in IE beause it is similar to chrome
Problem 1)
My problem is in Firefox, when I mouseover a link, it changes the size on mouseover and mouse off like not the size, but makes the text move a little bit which doesn't look right and in chrome it does not do this.
Problem 2)
In firefox, when I mouseover a dropdown list, the list is not the correct width, in the CSS file I set the width for each dropdown list, this works in chrome but doesnt seem to work correctly in firefox for me
UPDATE:
I extracted this code from my site and posted it online just for this demo, I just checked the demo and realized that it is the same so my sites other CSS must be what is causing the issue that I see on my local site
2nd UPDATE: It wasn't my css at all, I guess my browser font size was different, weird though firefox must remeber the font size you set on a site to site basis