Centering being weird. Options

[dyindyinjohnson]

With the layout I'm doing, in FF its centered [the rollover links] but in IE, it's way to the left. (Like over 200px)

[dyindyinjohnson]

Just want to move the links, picture, and content section up all together. And get rid of the spaces in the boxes.

CODE

<style>
.Main{position:absolute; left:50%; margin-left:-492px;
top:100px;background-FFFFFF;}
</style>


<style type="text/css">
div, table, tr, td, tbody {background-color:transparent;}

a.home{
float:left;
height: 50px;
width: 116px;
overflow: hidden;
background-image: url("http://img24.imageshack.us/img24/2995/homexzf.png");
background-position: center;
background-repeat: no-repeat;
}

a.home:hover{
background-image: url("http://img24.imageshack.us/img24/9471/home2w.png");
background-position:center;
background-repeat: no-repeat;
}

a.message{
float:left;
height: 50px;
width: 176px;
overflow: hidden;
background-image: url("http://img193.imageshack.us/img193/5378/message2p.png");
background-position: center;
background-repeat: no-repeat;
}

a.message:hover{
background-image: url("http://img22.imageshack.us/img22/9484/messagexma.png");
background-position:center;
background-repeat: no-repeat;
}

a.comment{
float:left;
height: 50px;
width: 192px;
overflow: hidden;
background-image: url("http://img30.imageshack.us/img30/4681/commentlhk.png");
background-position: center;
background-repeat: no-repeat;
}

a.comment:hover{
background-image: url("http://img33.imageshack.us/img33/2288/comment2.png");
background-position:center;
background-repeat: no-repeat;
}

a.pictures{
float:left;
height:50px;
width:160px;
overflow: hidden;
background-image: url("http://img6.imageshack.us/img6/4332/pictures2.png");
background-position:center;
background-repeat: no-repeat;
}

a.pictures:hover{
background-image: url("http://img24.imageshack.us/img24/4041/picturesc.png");
background-position:center;
background-repeat: no-repeat;
}

a.add{
float:left;
height:50px;
width:79px;
overflow: hidden;
background-image: url("http://img269.imageshack.us/img269/4821/add2i.png");
background-position:center;
background-repeat: no-repeat;
}

a.add:hover{
background-image: url("http://img24.imageshack.us/img24/9950/addsvj.png");
background-position:center;
background-repeat: no-repeat;
}

a.block{
float:left;
height:50px;
width:108px;
overflow: hidden;
background-image: url("http://img24.imageshack.us/img24/2116/block2.png");
background-position:center;
background-repeat: no-repeat;
}

a.block:hover{
background-image: url("http://img24.imageshack.us/img24/2118/blockdos.png");
background-position:center;
background-repeat: no-repeat;
}
</style>

<div style="margin-left:70px;width:900px;">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="home"></a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="message"></a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=
XXXXXXXX&MyToken=8b2108be-2301-4485-a399-e782c86fa854" class="comment"></a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="pictures"></a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_confirm&statusCD=1&friendId=XXXXXXXX" class="add"></a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockuser&userID=XXXXXXXX" class="block"></a>
</div>

<img src="http://img32.imageshack.us/img32/3334/zunelayout.png"
width="984">



<div style="position:absolute; top:740px; left:50%; margin-left:-300px; overflow:auto; width:620px; height:130px; color:000000; font-size:10px; margin-top:1px;font-weight:normal; letter-spacing:1px; font-family:tahoma;">
<center>
Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here.
</center>
</div>


<style>
{Background Properties}
table, tr, td { background-color:FFFFFF;
border:none; border-width:0;}
body {background-color:FFFFFF}
.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
background-color:FFFFFF;}

.mygen { Text Properties }
table, div{font-family:arial; color:FFFFFF; font-size:12px;}
</style>

<style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails,
.userProfileDetail, .userProfileNetworking, .userProfileSchool,
.userProfileCompany, .extendedNetwork, .latestBlogEntry,
.blurbs td.text, .orangetext15, table div { display:none!important;
}div table div, table table div {
display:block!important; padding:0;
}table, tr, td {
background:none; border:none;
}.clearfix, .clearfix div {
background-image:none!important;
overflow:hidden;
}.clearfix {
position:relative;
top:-30px;
width:728px;
}.clearfix .clearfix {
bottom:-30px;
margin:-45px 0 0;
position:relative;
top:auto;
width:auto;
}.clearfix .clearfix div {
margin:45px 0 0;
}.clearfix .clearfix div div {
margin:auto;
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {
display:none!important;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}.friendSpace {display:none;}.friendsComments {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style>