begginer's html help., problem with browsers Options

[BurgerKing316]

i'm experimenting with/learning html, and i want to know how to make something look the same in mozilla and ie.

how it looks in mozilla

how it looks in ie

i want it to look EXACTLY like it does in mozilla, in ie.

i'm not too smart with this, so i was wondering if anyone could help.

here is the code i used:

CODE

<table class="nav">
<tr>
<td>
<ul><li><a href="#">alcho</a></li><li><a href="#">riglant</a></li><li><a href="#">cremme</a></li><li><a href="#">dieordus</a></li><li class="last"><a href="#">flamboo</a></li></ul>
</td>
</tr>
</table>

<style type="text/css">
.nav {margin:0px;padding:0px;background-color:1BE4AD;display:block;}
.nav ul {margin:0px;padding:0px;display:inline;list-style:none;}
.nav li {margin:0px;padding:8px 0px;display:inline;border-right:1px solid white;}
li.last {border-right:0px;}
.nav a {padding:10px;font:normal 12px arial;text-decoration:none;background-color:000;}
.nav a:link, .nav a:visited {color:fff;}
.nav a:hover {background-color:777777;}
.nav a:active, .nav a:focus {background-color:333333;}
</style>