In your files there is an IE specific Style Sheet, you can make the change there and not in then in the main Style.css, try this to target FireFox:

@-moz-document url-prefix() {

#dropmenu > li > a {padding: 0 15px;}

}

There are many articles online about targeting specific browsers via CSS. If those don't work, I'd suggest looking around a bit - though the code I provided should do it.

Good luck,
Justin

Once again thanks for the reply, the line of code you gave me really helped with the IE and FF issue of the menu, there is only one more thing I need to ask. Is there any way for that code to be only executed when the browser is IE or FF? (or not executed if it's Chrome) The reason why I ask is because now it displays fine on IE and FF but it looks a little to much to the left on Chrome. I think the reason is because of the font being used, it seems that IE and FF don't recognize or display it correctly, but if the code can be made browser specific then that would really help. Thanks again for the help.

Hey Jorge, thanks for clarifying. Here's what you need to do:

1) Menu issue - You have 1 too many Menu items, and that's why the last one drops down a line. You'll need to open up your Theme Options section in the Admin, scroll down to General > Custom CSS (optional) section and enter the following:

#dropmenu > li > a {padding: 0 15px;}

If the menu isn't fixed in FF and IE, reduce 15 down to 14, then try 13, etc... until you get it correct.

2) Shadow Under navigation - that shadow is likely using CSS3 for the effect. Internet Explorer is not compatible with CSS3, and that's why it wouldn't be showing up. In general, you can't do as cool of things with IE because of it's limitations.

Anyways, hope this fixes your issues and answers your questions.

Good luck with the site!
Justin

Justin thanks for the compliments on the site. Chrome is not the problem, that is my main browser so that is what I have used to test all the theme editing. The problem comes when I open the site on Internet Explorer or Firefox. The main menu under the slider is placed on top of the slider image, and it extends the menu to 2 lines instead of just one; this happens on both Firefox and Internet Explorer. When I try and load the site on Compatibility mode on IE it displays better, at least as far as the placement of the menu goes, but it does not show the menu font with the shadow effect, and the menu items like Media and Operations which let's you choose what page to go to don't show the additional options when the mouse is hovered over it. Thanks in advance for any help.

Hey Jorgekikon,

Great looking site! Really nice color scheme. I'm viewing the site in Chrome right now and it looks perfect. Have you since changed something?

Let me know... I know for sure Aid works great in Chrome, so hopefully it was just a browser cache or versioning issue.

Justin

Hello, first of this is my first time working with wordpress and I have run into some bumps with this great theme but the forum really helped out with that. However I have been doing all the work and editing on Chrome, to my surprise the site displays a different way on on IE and Firefox, specifically the Main Menu, it displays the menu text over the slider image and extends the menu to another line.

Here is the site I'm working on http://nationalmedsurg.org/

Please let me know if you need admin access to look at the code or settings. Any help will be very appreciated. Thanks in advance.