positioning help Options

[shynomi]

My headers are always off by 1 px either in safari or FF. I can get it right in IE and FF but it'll be off by a pixel in Safari or vice versa.

Here is my code for the top header:

CODE

<div id="BannerUnderTopNav" style="position:absolute; z-index:2; margin-left:-346px;  _margin-left:-333px; top: 0px; background-color:COLOR; background-image:URL(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/header1.jpg); background-repeat: no-repeat; background-position: bottom center; width:823px; height:2017px; overflow:no;}">

</div>

I have the _margin-left: xxx for IE and the other margin attribute for FF and Safari.
But as you can see here: http://www.myspace.com/frucatestpage

it'll be a px off in FF but right in safari.

Let me know if there's something I can add in the code to fix that.
Thanks guys!

[shynomi]

Well I did some searching on the internet and found that it's a common problem. I have the link here:

http://www.sohtanaka.com/web-design/1px-ba...-alignment-bug/

I found a solution that works on my computer at the moment but it's still not fixed on other resolutions or monitors as when i drag the corner of the window it comes and goes. I just added a .4 to the leftmargin: 346.4 and it works now for mine.

here's the two margins:

CODE

margin-left:-346.4px;  _margin-left:-333px;

the _margin-left is for IE.

It still comes up on my laptop's screen unfortunately. Can you check and see if it is fixed on your end with this quick fix? I really wish I knew how to fix this once and for all.

thanks mike.