Css mac firefox only

Hi everyone I need to adjust the position of one element for mac firefox only.

The following CSS looks good on pc firefox:
li#tac {

All I want to do is increase the margin-left to 570px for mac firefox but keep 565px for pc firefox…

Does anyone know how I can do this please?

I tried using an example from an O’Reilly book but it gives me errors…

There isn’t any “standard” way to do this.

What you may want to do instead of trying to fix a specific margin for a specific browser is to use a reset CSS file, which will basically neutralize all browser-specific padding and margins. Then, your margin should act the same on both platforms.

I am already using the star selector:

  • {

The difference between mac and pc is the word spacing and letter spacing. The site looks good all apart from this one thing… I really need a fix…

if (navigator.platform.indexOf("Mac") != -1 && navigator.userAgent.indexOf(") Gecko") != -1) {
    document.write("<style type'text/css'>");
    document.write("li#tac {margin-left:570px;}");

Not pretty, but it answers your question.

Wow you are a legend!! Thank you very much!!

You should try a reset file like those found in the YUI or one like this: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ which is what I personally use. They do a bit more than just set padding and margin to 0.