This is driving me nuts now Im trying to space out the <li> tag inline to line up with a background image, I have a class on each tag telling it a padding value to space it accordingly.

This works fine but when viewed in IE the spacing is not right, then if I change the values for IE its wrong for FF and Chrome. I have tried using margin instead and also using % values but keep getting the same results?

Is there a way so all browsers display correct?

Put them in the same container.

Not quite sure what you mean chris, the <li> is in a <ul> that is in
<div id="head">

let's see some code or better still, a URL