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!

[fixtatik]

Also, I should mention you can position children within their parent. As long as the parent (i.e., <div class="navigation">) has a fixed (not in IE6 or earlier, yay!), relative or absolute position, assigning an absolute position to the children (i.e., <a>) will start the top left corner of the children from the top left corner of the parent (not from the top left corner of the body). It makes positioning elements inside the navigation div a hell of a lot easier, since you won't need to use that annoying left:50% trick. Instead, you'll only need to know exactly how far from the top left of .navigation you want to move each link.