header logo positioning in different browsers

http://auphoria.darkbb.com/

The top banner/logo & footer is positioned exactly right in IE and Google Chrome, but it's 1px to the right in Firefox, anyone know how to fix this and have it aligned exactly right for all browsers??

That's the last bit I need to fix, thanks for all the help.

Hello,

Please navigate to Admin CP > Display > Colors > CSS
Add this code there and submit...

Code:

.headerbar {
background-position : -2px 0px !important;
}

This code should fix the position of the banner.

I believe you have the 1px bug.
this is a problem that appeared a long while ago... there is a difference of 1px between browsers.

unfortunately there isn't a simple fix to this problem.

the code .headerbar doesn't really help, I mean it's fine for FF & IE now but Chrome's body bg is 1px to the right =(

The presentation that you have set would have to differ with different browsers. Different browsers have different styles and so the web sites have to be prepared in such a way so that it perfectly fits all the browsers. I think that this should be one of the problems that is faced by the people while preparing a website that fits all the web-sites.