CSS looks wrong in Internet explorer

programming web dev
1

my site doesnt look right in internet explorer,
it is html/css.

i read online you need to “bring it up to standards”.
how would i do this?

here is the code:


<html>
<head>

<style type="text/css">
body {background-color: black}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}


a.main_links:link { color: yellow; text-decoration: none;; background-color: grey;font-size: 18pt; }
a.main_links:visited { color: yellow; text-decoration: none;; background-color: grey; font-size: 18pt;}
a.main_links:hover { color: yellow; text-decoration: overline underline;  background-color: black; }

a img {border: none; }

th { text-align: center; font-weight: bold }
th { vertical-align: baseline }
td { vertical-align: middle }
table   { border-collapse: collapse }
tr#row1 { border: 3px solid yellow }
tr#row2 { border: 3px solid green }
tr#row3 { border: 1px solid black }




B {font-family:arial, helvetica; font-size: 12px; font-weight: bold; color:yellow; }
C {font-family:Monotype Corsiva; font-size: 42px; color: yellow;}
D {font-family:arial, helvetica; font-size: 15px; font-weight: bold; color:green; }

#nav {
    position:relative;
    top:0px;
    
}
#nav li {
    background-color:yellow;
    background-repeat:repeat-x;
    height:41px;
    
float:left;
    list-style:none;
    
    border:2px solid green;
    border-top:1px solid green;
    border-bottom:1px solid green;
}
#nav li:hover {
    background-color:green;
    background-repeat:repeat-x;
    background-position:0px;
    color:#fff;
}
#nav li a {
    color:#000;
    text-decoration:none;
    display:block;
    padding-left:00px;
    padding-right:00px;
    padding-top:2px;
    padding-bottom:2px;
}
#nav li:hover a {
    color:#fff;
}
#wrapper {
    background-color:black;
}

p.margin {margin: 1cm 7cm 1cm 1cm}

</style>




<center>
<TABLE>
<TR id="row2">
<TH>

<TABLE>
<TR id="row1">
   <TH> 


</head>


<center>
<br>
<a href="/"><img src="tjk_logo.jpg" title="The Joe Knows" alt="TJK" border="0" /></a>
</center>

<body>


<div id="header">
    <h1>
    <ul id="nav">

                <p class="margin"><li><a href="http://thejoeknows.com/gam3s" title="Games" >Games</a></li>
                <li><a href="http://thejoeknows.com/stats" title="Stats" >Stats</a></li>
                <li><a href="http://thejoeknows.com/about" title="About"  >About</a></li>
                </p>
            </ul>
</div>


<div id="wrapper">
<br>


<C>
<br>
The Joe Knows</C>

<br><D>
contact@thejoeknows.com
<br></br>
</D>



</center>



</body>
</html>


<TD>
<TD>

</TABLE>
</TABLE>

<center>
<B>2008.</B>
</center>

thank you in advance for any help!
-Joey