Cant get this site to work with IE Options

[DA Design]

hey whats up

Im designing a site for a friend of mine and everything works awesome in firefox but it doesnt in Internet Explorer for some reason.

here is the link http://www.independantracing.com/home.html

any help would be great thanks

[S-Majere]

Yeowch, no kidding.

I'm afraid we won't be able to help you unless you give us the coding you're currently using.

[Melie]

i have a bigger screen resolution so it's not lined up either in FF. just to let you know.

[DA Design]

oh thats not good either haha
well here is the coding for it

thx for the help

<html>
<head>

<title>Welcome to iR Autosports</title>

<style type="text/css">
<!--

#content A:link { text-decoration: none; color:#2a2a2a; cursor: crosshair; font-weight: bold; border-bottom: 3px double #fffcad3;}
#content A:visited { text-decoration: none; color:#2a2a2a; cursor: crosshair; font-weight: bold; border-bottom: 3px double #ffcad3;}
#content A:hover { text-decoration:; color:#1e4d6a; cursor: crosshair; font-weight: bold; border-bottom: 3px double #eed3ff;}

#navi A { display:block; text-decoration: none; font-weight: bold; background-color: #d6f0c7; margin:1px; margin-left:1px; margin-right:1px; padding:2px; letter-spacing: 1px; cursor: crosshair; text-align: center;}
#navi A:link { text-decoration: none; color:#1e4d6a; width: 100%; margin: auto; border-bottom: 1px solid #fff}
#navi A:visited { text-decoration: none; color:#1e4d6a; }
#navi A:hover { text-decoration:none; color:#fff; background-color:#2a2a2a; border: 1px dotted #fff;}

b {font-weight: bold; color: #ffffff;}
i {font-style: italic; color: #bb9d47;}
u {text-decoration: underline; color: #86abed; border-bottom: 1px dashed #72ccd4;}
p {color: #ffffff;}

.menu {
display: inline;
margin: 0px;
padding: 0px;
color: #000000;
list-style: none;
position: absolute;
left: 208px;
top: 72px;
_top: 407px;
}
.menu li {
padding: 6px 6px 0px 0px;
margin: 0px;
}
.menu li a, .menu li a:visited {
margin: 0px;
height: 18px;
padding: 6px 6px;
color: #1e4d6a;
display: inline;
border: 0px;
text-decoration: none;
border-left: 1px dotted #000000;
border-right: 1px dotted #000000;
text-transform: uppercase;
}
.menu li a:hover {
color: #ffffff;
background: #2a2a2a;

}

.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

body {
background-color:#2a2a2a;
margin:0px;
color:#ffffff;
background-image:url( ); background-repeat:repeat-y;
font-family: verdana, arial; font-size: 8pt; line-height: 16px;}

#content {width:524px; position:absolute; left:276px; top:128px; _top: 480px; color:#95b295; text-align: justify; }

#content2 {width:524px; position:absolute; left:778px; top:128px; _top: 480px; color:#95b295; text-align: justify; }
#content3 {width:524px; position:absolute; left:778px; top:275px; _top: 480px; color:#95b295; text-align: justify; }


#content4 {width:524px; position:absolute; left:260px; top:445px; _top: 480px; color:#95b295; text-align: justify; }
#content5 {width:524px; position:absolute; left:460px; top:445px; _top: 480px; color:#95b295; text-align: justify; }
#content6 {width:524px; position:absolute; left:660px; top:445px; _top: 480px; color:#95b295; text-align: justify; }


#content7 {width:524px; position:absolute; left:862px; top:545px; _top: 480px; color:#95b295; text-align: justify; }


#content8 {width:524px; position:absolute; left:270px; top:678px; _top: 480px; color:#95b295; text-align: justify; }
#content9 {width:524px; position:absolute; left:785px; top:678px; _top: 480px; color:#95b295; text-align: justify; }



#navi {width:170px; position:absolute; left:210px; top:470px; _top: 480px; text-align: center;}

h1 { display: block; font-size: 13pt; font-family: century; text-align: center; height: 20px; color: #ffffff; word-spacing: 1px; background-color: #da0000; padding-top: 0px; border-top: 0px solid #da0000;}
h2 { display: block; font-size: 13pt; font-family: century; text-align: center; height: 20px; letter-spacing: 1px; color: #ffffff; word-spacing: 1px; border-top: 0px solid #6acacb; background-color: #da0000;}

</style></head>
<BODY BGCOLOR="#2a2a2a" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=600 BORDER=0 CELLPADDING=0 CELLSPACING=0 align=center>
<TR>
<TD>
<IMG SRC="images/Home.jpg"</TD>
</TR>

</TABLE>

<map name="Map">
<area shape="rect" coords="556,86,712,110" href="http://dadesign.tk" target="_blank" alt="Designed by DA Design" title="Designed by DA Design">
</map>

<body>
<ul class="menu">
<li><a href="#">HOME</a></li>
<li><a href="#">PRODUCTS</a></li>
<li><a href="#">GALLERY </a></li>
<li><a href="#">SUPPORT</a></li>
<li><a href="#">RIDES</a></li>
<li><a href="#">MODELS</a></li>
<li><a href="#">DOWNLOADS</a></li>
</ul>

<div id="content">
<img src="images/News BIG.png" >

</div>

<div id="content2">
<img src="images/RimsBig.png" >

</div>


<div id="content3">
<img src="images/BodyKits.png" >

</div>

<div id="content4">
<img src="images/Smallnews.png" >

<p> More News Coming Soon </P>

</div>

<div id="content5">
<img src="images/Smallnews.png" >

<p> More Events Coming Soon </P>

</div>

<div id="content6">
<img src="images/Smallnews.png" >

<p>New Pictures Coming Soon</P>

</div>

<div id="content7">

<p>Products Warranty</P>
<p>Phone #</P>
<p>E-Mail</P>

</div>


<div id="content8">

<p><b>9 Byng Ave. Kapuskasing, ON P5N 2G1 - Canada</b></P>

</div>

<div id="content9">

<p>© 2008 iR Autosports. All Rights Reserved.</P>


</div>


<div id="navi">


</div>


</body>
</html>

[DA Design]

I think I got it, forgot to change the _top: numbers lol