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]

Yea i figured that, where would I put the main graphics code then? Once I know this I should be good to go :) I know to put it in the background's section just not where to put it.

Here's the code for that section:

CODE

<style>

{THIS MAKES THE BODY TABLE TRANSPARENT}
{*NOTE* - IF YOU DO NOT WANT THE BODY TABLE TRANSPARENT, SIMPLY CHANGE TRANSPARENT TO A COLOR}



body{ font-size:x-small;
background-color:3e5c94;
background-image:;
background-attachment:scroll;
background-repeat: no-repeat;
background-position:top center;
margin-top: 0px;}




{THIS EDITS THE MAIN TEXT STYLE AND COLORS}body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{color:ffffff;font-size:8pt;font-weight:normal;font-style:normal;text-decoration:none;text-transform:none;font-family:arial;}

{THIS CHANGES COLOR AND STYLE OF NAMETEXT AND HEADINGS}.orangetext15, text, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{color:ffffff;font-size:8pt;font-weight:normal;font-style:normal;text-decoration:none;text-transform:none;font-family:arial;}

{THIS CHANGES COLOR AND STYLE OF LINKS}a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{color:e5e6a3;font-size:8pt;font-weight:bold;font-style:normal;text-decoration:none;text-transform:bold;font-family:arial;}

{THIS CHANGES COLOR AND STYLE OF LINKS ON HOVER}a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{color:ffffff;font-size:8pt;font-weight:bold;font-style:normal;text-decoration:none;text-transform:bold;font-family:arial;}

{THIS ALSO MAKES THE BODY TABLE TRANSPARENT AND MAKES SURE ALIGNMENTS ARE FINE}{NOTHING NEEDS TO BE CHANGED HERE EXCEPT IF YOU WANT THE FONT CHANGED}p {margin: 0px 0px 1em 0px; font-family: arial !important}body>div {margin-left: 0px;}table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}table table table td {background-color:transparent;margin:0px;padding: 0 0px 0px 0px}table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}table table table table td {padding:0px;margin:0px;}table table table { background-color: transparent; border: 0 solid; border-color: transparent; width: 100%; }object {position:relative; z-index:1;}body td table, body div table {margin-top: 0px;}.a {hide URL label}.a {hide top links}.a {unhide navigation bar}.navbar {visibility:visible;}

</style>

This is the graphic's code.

CODE

<table id="Table_01" width="1600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/newbgandheader_01.jpg" width="1600" height="171" alt="" /></td>
</tr>

<tr>
<td colspan="3">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/newbgandheader_02.jpg" width="1600" height="371" alt="" /></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXR0ZXIuY29t">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/newbgandheader_03.jpg" width="486" height="22" border="0" alt="" /></a></td>
<td rowspan="2">

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlhaG9vLmNvbQ==">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/newbgandheader_04.jpg" width="109" height="23" border="0" alt="" /></a></td>
<td>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/newbgandheader_05.jpg" width="1005" height="22" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/newbgandheader_06.jpg" width="486" height="1" alt="" /></td>
<td>

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/newbgandheader_07.jpg" width="1005" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/newbgandheader_08.jpg" width="1600" height="341" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/newbgandheader_09.jpg" width="1600" height="704" alt="" /></td>

</tr>
<tr>
<td colspan="3">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/newbgandheader_10.jpg" width="1600" height="1129" alt="" /></td>
</tr>
</table>