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]

Man, this sounds like a simple idea by making it one image, using that as the background and I can get it to come up as a background but it's not on the right z-index i'm thinking because I can see the shows and bio and stuff but am unable to edit or click on them.

Is there something i should add to the background section code?

CODE

body{ font-size:x-small;
background-color:3e5c94;
background-image:URL(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20NATALIE%20SMITH/header.jpg);
background-attachment:scroll;
background-repeat: no-repeat;
background-position:top center;
margin-top: 0px;
}

Plus, how would I go about making the links work again in the top part of the image? Just add it in where I used to under the header code in the <table> tags?

Sorry for the confusion on my end, you guys have been a huge help!
Nate