[SOLVED] Menu placement different for Chrome/Firefox

From the author of Atahualpa, the #1 mostdownloaded (700,000+) theme @ wordpress.org

#1

Jan 23, 2012, 01:42 PM

bswb97

152 posts · Aug 2010

Hi everyone,

For www.labohemeevents.com, the menu's placement is off on Firefox but ok when tested on Chrome and Safari. It SHOULD be in line with the border but it is a tiny bit off.

I'm 99% sure it's related to this entry in my CSS inserts:

HTML Code:

div#menu1 {
margin-bottom: -12px !important;
}

When I remove that line, the Chrome/Safari placement looks exactly like Firefox. So something in Firefox is not working with that line. I've used margin to fudge placement before and I've never had a problem like this.

I tried the alternative line of:

HTML Code:

margin: 0 0 -12px 0 !important;

Same issue came up.

Any ideas?

#2

Jan 23, 2012, 02:35 PM

lmilesw

10,138 posts · Jul 2009

Central New York State USA

Kind of hard to tell without actually being on the site or taking the time to figure out what you already have for CSS but you could try the following in CSS Inserts.